RecyclerView滚动定位item,并使item置顶显示

前言

在android开发过程中,我们经常会遇到需要将列表展示的数据定位到某个具体的item,并将此item在列表中置顶展示的需求。那么,今天就来讲讲RecyclerView实现置顶显示某个具体的item的实现。

今天涉及内容:

  1. RecyclerView依赖
  2. 列表展示准备
  3. 封装的 PositionScroller 类实现滚动item置顶
  4. 实现滚动item置顶的另一种简单方式
  5. 滚动置顶在MainActivity中使用,MainActivity代码
  6. 效果图和项目结构图
  7. PositionScroller 类及 moveToPosition(Context context,int position) 方法源码

先看看效果图吧


3.gif

一. RecyclerView依赖

以RecyclerView实现列表,这里我依赖的是 androidX中的RecyclerView,所以要在 app对应的module 中添加RecyclerView引用,如下:

 implementation 'androidx.recyclerview:recyclerview:1.0.0-beta01'

二. 列表展示准备

下面以RecyclerView实现字符串列表展示为例。先需要写一个RecyclerView对应的列表适配器,下面贴出适配器 TestAdapter的代码:

package com.example.function;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;
import com.example.testdemo.R;
import java.util.List;

/**
 * Description:
 * <p>
 * Author:pei
 * Date: 2019/8/26
 */
public class TestAdapter<T>extends RecyclerView.Adapter {

    protected Context mContext;
    protected View mLayoutView;
    protected List<T> mData;

    public TestAdapter(Context context,List<T>data){
        this.mContext=context;
        this.mData=data;
    }

    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {

        mLayoutView= LayoutInflater.from(mContext).inflate(R.layout.item_layout,parent,false);
        ViewHolder viewHolder=new ViewHolder(mLayoutView);
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        String name=mData.get(position).toString();
        ((ViewHolder)holder).mTvName.setText(name);
    }

    @Override
    public int getItemCount() {
        return mData==null?0:mData.size();
    }

    class ViewHolder extends RecyclerView.ViewHolder{

        TextView mTvName;

        public ViewHolder(View view) {
            super(view);

            mTvName=(TextView)view.findViewById(R.id.tv_name);
        }
    }
}

TestAdapter对应的布局 item_layout 代码如下

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    tools:context=".MainActivity">


    <TextView
        android:id="@+id/tv_name"
        android:layout_width="0dp"
        android:layout_height="30dp"
        android:background="#ff0000"
        android:layout_margin="5dp"
        android:paddingLeft="5dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:textColor="@color/colorPrimary"
        android:textSize="16sp"/>

</androidx.constraintlayout.widget.ConstraintLayout>

然后在MainActivity中准备50个字符串方便测试:

        mList=new ArrayList<>();
        for (int i = 0; i < 50; i++) {
            mList.add("同学"+i);
        }

MainActivity中给RecyclerView做些基本配置

        mTestAdapter=new TestAdapter(MainActivity.this,mList);
        LinearLayoutManager layoutManager = new LinearLayoutManager(MainActivity.this);
        layoutManager.setSmoothScrollbarEnabled(true);
        layoutManager.setAutoMeasureEnabled(true);
        mRecyclerView.setNestedScrollingEnabled(false);
        mRecyclerView.setHasFixedSize(true);
        mRecyclerView.setLayoutManager(layoutManager);
        mRecyclerView.setAdapter(mTestAdapter);

ok,这样RecyclerView列表显示已经准备好了。

三. 封装的 PositionScroller 类实现滚动item置顶

为了方便RecyclerView指定具体item置顶显示的功能,我将实现的代码封装到一个类 PositionScroller中。下面来讲讲PositionScroller中的方法

//PositionScroller 类初始化
public PositionScroller(RecyclerView recyclerView)
//滑动到指定位置
public void smoothMoveToPosition(int position)

注释已经很明了了,需要注意的是,PositionScroller方法中有传一个RecyclerView 参数进去,初始化方法内部还对RecyclerView 滚动做了监听,用于处理实现滚动具体item置顶的功能。
smoothMoveToPosition方法中传的是具体itemde下标。
ok,下面看看PositionScroller 在MainActivity中如何使用。
第一步,你需要初始化PositionScroller ,并传入一个RecyclerView 控件:

//声明PositionScroller 
private PositionScroller mPositionScroller;

//PositionScroller初始化
mPositionScroller=new PositionScroller(mRecyclerView);

然后在调用的时候,你可以这样:

//mCurrentIndex为item的下标
mPositionScroller.smoothMoveToPosition(mCurrentIndex);

四. 实现滚动item置顶的另一种简单方式

利用PositionScroller类可以实现RecyclerView指定具体item置顶显示的功能,但是由于PositionScroller初始化时涉及到RecyclerView的滚动监听,当RecyclerView在使用的时候不涉及到滚动监听还好,如果涉及到滚动监听,势必会带来一些麻烦,也就是说PositionScroller由于单独封装的原因在使用的时候多少存在些隐患,还有就是PositionScroller类代码相对较多,因此我们还可以用另一个自己写的方法来实现滚动定位效果,这个方法是:

    /***
     * 滑动到指定位置(此position会列表置顶)
     * @param context
     * @param position
     */
    public void moveToPosition(RecyclerView recyclerView,int position,Context context){

在需要使用的时候,你可以直接调用这个方法。

五. 滚动置顶在MainActivity中使用,MainActivity代码

下面贴出这两种方法在MainActivity中的使用代码:

package com.example.testdemo;

import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.LinearSmoothScroller;
import androidx.recyclerview.widget.RecyclerView;
import com.example.function.PositionScroller;
import com.example.function.TestAdapter;
import com.util.ToastUtil;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Button mBtn;
    private RecyclerView mRecyclerView;

    private TestAdapter<String>mTestAdapter;
    private List<String>mList;


    private PositionScroller mPositionScroller;

    private int mCurrentIndex=30;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initData();
        setListener();
    }

    private void initData() {
        mBtn = findViewById(R.id.btn);
        mRecyclerView = findViewById(R.id.rv);

        mList=new ArrayList<>();
        for (int i = 0; i < 50; i++) {
            mList.add("同学"+i);
        }
        mTestAdapter=new TestAdapter(MainActivity.this,mList);
        LinearLayoutManager layoutManager = new LinearLayoutManager(MainActivity.this);
        layoutManager.setSmoothScrollbarEnabled(true);
        layoutManager.setAutoMeasureEnabled(true);
        mRecyclerView.setNestedScrollingEnabled(false);
        mRecyclerView.setHasFixedSize(true);
        mRecyclerView.setLayoutManager(layoutManager);
        mRecyclerView.setAdapter(mTestAdapter);

        mPositionScroller=new PositionScroller(mRecyclerView);
    }

    private void setListener() {
        mBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ToastUtil.shortShow("点击了:"+mCurrentIndex);

//                mPositionScroller.smoothMoveToPosition(mCurrentIndex);
                moveToPosition(mRecyclerView,mCurrentIndex,MainActivity.this);

                mCurrentIndex++;
                if(mCurrentIndex>49){
                    mCurrentIndex=0;
                }
            }
        });
    }

    @Override
    public void onClick(View v) {

    }

    //以下方法省略
    //......

}

六. 效果图和项目结构图

效果图


3.gif

项目结构图


1.png

七. PositionScroller 类及 moveToPosition(Context context,int position) 方法源码

讲了这么多,下面给出PositionScroller 类及 moveToPosition(Context context,int position) 方法源码
PositionScroller 类代码如下:

还有 24% 的精彩内容
©著作权归作者所有,转载或内容合作请联系作者
支付 ¥2.00 继续阅读
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,204评论 0 17
  • 这篇文章分三个部分,简单跟大家讲一下 RecyclerView 的常用方法与奇葩用法;工作原理与ListView比...
    LucasAdam阅读 4,320评论 0 27
  • 这篇文章分享我的 Android 开发(入门)课程 的第七个和第八个实战项目:书籍列表应用和新闻应用。这两个项目都...
    HsuJin阅读 1,527评论 2 10
  • 一、前言: 1. RecyclerView是什么 从Android 5.0开始,谷歌公司推出了一个用于大量数据展示...
    因为我的心阅读 1,175评论 2 2
  • 10月10号复盘 米果果教育 张滢 【每日目标】 每天三目标 1.早起、早餐 ✅ 2.英语学习作业打卡✅ 3.赢效...
    米果果教育张滢阅读 340评论 0 0