RecyclerView显示列表

本次要讲的内容是利用RecyclerView显示Users列表的信息，如下图所示。

image.png

首先我们来创建模型User.java

package com.example.mytest.User;
import java.util.UUID;

public class User{
    private UUID mId;
    private String name;

    public User() {
        this(UUID.randomUUID());
    }

    public User(UUID id){
        mId=id;
    }

    public UUID getId() {
        return mId;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    @Override
    public String toString() {
        return "User{" +
                "mId=" + mId +
                ", name='" + name + '\'' +
                '}';
    }
}

创建单例UserLab.java
user数组对象将存储在一个单例里。单例是特殊的Java类，在创建实例时，一个单例类仅允许创建一个实例。
应用能在内存里存活多久，单例就能活多。

package com.example.mytest.User;
import android.content.Context;
import java.util.ArrayList;
import java.util.List;
import java.util.UUID;

public class UserLab {
    private static UserLab sUserLab;

    private List<User> mUsers;//保存User对象

    //get()方法
    public static UserLab get(Context context){
        //如果实例存在直接返回它，如果不存在，调用构造方法创建它
        if (sUserLab==null){
            sUserLab=new UserLab(context);
        }
        return sUserLab;
    }
    //私有构造方法
    private UserLab(Context context){
        mUsers=new ArrayList<>();
        //先批量存入100个User对象
        for (int i=0;i<100;i++){
            User user=new User();
            user.setName("User #"+i);
            mUsers.add(user);
        }
    }

    public List<User> getUsers(){
        return mUsers;
    }
    public User getUser(UUID id){
        for (User user:mUsers){
            if (user.getId().equals(id)){
                return user;
            }
        }
        return null;
    }
}

创建通用型fragment托管布局activity_fragment.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/fragment_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.mytest.User.UserActivity">
</FrameLayout>

抽象activity类,创建SingleFragmentActivity.java
因为这段代码很通用，所以抽取出来，便于简化代码。

package com.example.mytest.User;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v7.app.AppCompatActivity;
import com.example.mytest.R;

public abstract class SingleFragmentActivity extends AppCompatActivity {
    protected abstract Fragment createFragment();

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

        FragmentManager fm=getSupportFragmentManager();
        Fragment fragment=fm.findFragmentById(R.id.fragment_container);

        if (fragment==null){
            fragment=createFragment();
            fm.beginTransaction().add(R.id.fragment_container,fragment).commit();
        }
    }
}

创建UserListActivity.java
继承SingleFragmentActivity类,托管UserListFragment

package com.example.mytest.User;
import android.support.v4.app.Fragment;

public class UserListActivity extends SingleFragmentActivity {
    @Override
    protected Fragment createFragment() {
        return new UserListFragment();
    }
}

创建UserListFragment .java

public class UserListFragment extends Fragment {
   
}

在配置文件AndroidManifest.xml中声明UserListActivity为launcher acticity

<activity android:name=".User.UserListActivity">
           <!--添加这里开始-->
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
           <!--添加这里结束-->
        </activity>

现在运行应用，会看到UserListActivity的FrameLayout托管了一个无内容的UserListFragment。
我们需要UserListFragment向用户展示user列表，这就要用到RecyclerView类。RecyclerView是ViewGroup的子类，每一个列表项都是作为一个View子对象显示的。
一次为所有列表项创建View很容易搞垮应用，按需创建视图对象才是比较合理的解决方案。RecyclerView顾名思义就是回收再利用，用户滑动屏幕切换视图时，上一个视图会回收利用，当然整个功能的实现还需要ViewHolder子类和Adapter子类的支持。

RecyclerView的任务仅限于回收和定位屏幕上的View。
ViewHolder只做一件事：容纳View视图。
Adapter创建必要的ViewHolder，绑定ViewHolder至模型层数据。
现在我们来正式使用RecyclerView。

1. 添加RecyclerView依赖库

dependencies {
...
       compile 'com.android.support:recyclerview-v7:25.3.1'
}

2.新建fragment_user_list.xml布局文件。

修改根视图为RecyclerView,并为其配置ID

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.RecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/user_recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

</android.support.v7.widget.RecyclerView>

3.视图和fragment关联

修改UserListFragment类文件，使用布局并找到布局中的RecyclerView视图。
注意，没有LayoutManager的支持，不仅RecyclerView无法工作，还会导致应用崩溃。所以，RecyclerView视图创建完成后，就立即转交给了Manager对象。LayoutManager负责屏幕上列表项的摆放、定义屏幕滚动行为。

public class UserListFragment extends Fragment {
   private RecyclerView mUserRecyclerView;
   @Override
   public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.fragment_user_list,container,false);

        mUserRecyclerView=(RecyclerView)view.findViewById(R.id.user_recycler_view);
        mUserRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));
        return view;
    }
}

4.实现ViewHolder和Adapter

public class UserListFragment extends Fragment {
   ........   
    //定义ViewHolder内部类，它会实例化并使用list_item_user布局
    private class UserHolder extends RecyclerView.ViewHolder{
        private User mUser;
        //构造方法
        public UserHolder(LayoutInflater inflater,ViewGroup parent){
            super(inflater.inflate(R.layout.list_item_user,parent,false)); 
        }
    }

    //创建Adapter内部类
    private class UserAdapter extends RecyclerView.Adapter<UserHolder>{
        private List<User> mUsers;

        public UserAdapter(List<User> users){
            mUsers=users;
        }

        @Override
        public UserHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            LayoutInflater layoutInflater=LayoutInflater.from(getActivity());

            return new UserHolder(layoutInflater,parent);
        }

        @Override
        public void onBindViewHolder(UserHolder holder, int position) {

        }

        @Override
        public int getItemCount() {
            return mUsers.size();
        }
    }
}

新建updateUI方法。关联Adapter和RecyclerView。

public class UserListFragment extends Fragment {
......
    private UserAdapter mAdapter;
    @Override
    public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.fragment_user_list,container,false);

        mUserRecyclerView=(RecyclerView)view.findViewById(R.id.user_recycler_view);
        mUserRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));

        updateUI();

        return view;
    }
    private void updateUI() {
        UserLab userLab=UserLab.get(getActivity());
        List<User> users=userLab.getUsers();

        mAdapter=new UserAdapter(users);
        mUserRecyclerView.setAdapter(mAdapter);
    }
    ......
}

运行应用，结果如图所示。

image.png

现在绑定列表项，使呈现不同的数据。
我们把绑定工作放入UserHolder类里，绑定之前首先要实例化相关组件。由于是一次性任务，因此直接放在构造方法里处理。然后定义bind(User)方法，每次有新的User要在UserHolder中显示时，都要调用它一次。
为了锦上添花，这里还设置了列表项点击后弹出小的提示框。通过实现View.OnClickListener接口来实现这个功能。

//定义ViewHolder内部类，它会实例化并使用list_item_user布局
    private class UserHolder extends RecyclerView.ViewHolder implements View.OnClickListener{
        private TextView mNameTextView;
        private User mUser;

        //构造方法
        public UserHolder(LayoutInflater inflater,ViewGroup parent){
            super(inflater.inflate(R.layout.list_item_user,parent,false));
            //检测用户点击事件
            itemView.setOnClickListener(this);//点击了则调用onClick()方法
            //实例化视图组件
            mNameTextView=(TextView) itemView.findViewById(R.id.user_name);
        }
        //每次有新的User要在UserHolder中显示时，都要调用它一次
        public void bind(User user){
            mUser=user;
            mNameTextView.setText(mUser.getName());
        }

        @Override
        public void onClick(View v) {
            Toast.makeText(getActivity(),mUser.getName()+" clicked!",Toast.LENGTH_SHORT).show();
        }
    }

//创建Adapter内部类
    private class UserAdapter extends RecyclerView.Adapter<UserHolder>{
   .........
        @Override
        public void onBindViewHolder(UserHolder holder, int position) {
            User user=mUsers.get(position);
            holder.bind(user);
        }
    ........
 }

这里为了方便大家的阅读，提供UserListFragment.java的全部代码。

package com.example.mytest.User;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import android.widget.Toast;

import com.example.mytest.R;

import java.util.List;

public class UserListFragment extends Fragment {
    private RecyclerView mUserRecyclerView;
    private UserAdapter mAdapter;

    @Override
    public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.fragment_user_list,container,false);

        mUserRecyclerView=(RecyclerView)view.findViewById(R.id.user_recycler_view);
        mUserRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));

        updateUI();

        return view;
    }

    private void updateUI() {
        UserLab userLab=UserLab.get(getActivity());
        List<User> users=userLab.getUsers();

        mAdapter=new UserAdapter(users);
        mUserRecyclerView.setAdapter(mAdapter);
    }

    //定义ViewHolder内部类，它会实例化并使用list_item_user布局
    private class UserHolder extends RecyclerView.ViewHolder implements View.OnClickListener{
        private TextView mNameTextView;
        private User mUser;

        //构造方法
        public UserHolder(LayoutInflater inflater,ViewGroup parent){
            super(inflater.inflate(R.layout.list_item_user,parent,false));
            //检测用户点击事件
            itemView.setOnClickListener(this);//点击了则调用onClick()方法
            //实例化视图组件
            mNameTextView=(TextView) itemView.findViewById(R.id.user_name);
        }
        //每次有新的User要在UserHolder中显示时，都要调用它一次
        public void bind(User user){
           /* mUser=user;
            mNameTextView.setText(mUser.getName());*/
        }

        @Override
        public void onClick(View v) {
            Toast.makeText(getActivity(),mUser.getName()+" clicked!",Toast.LENGTH_SHORT).show();
        }
    }

    //创建Adapter内部类
    private class UserAdapter extends RecyclerView.Adapter<UserHolder>{
        private List<User> mUsers;

        public UserAdapter(List<User> users){
            mUsers=users;
        }

        @Override
        public UserHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            LayoutInflater layoutInflater=LayoutInflater.from(getActivity());

            return new UserHolder(layoutInflater,parent);
        }

        @Override
        public void onBindViewHolder(UserHolder holder, int position) {
            User user=mUsers.get(position);
            holder.bind(user);
        }

        @Override
        public int getItemCount() {
            return mUsers.size();
        }
    }
}

现在再次运行程序，效果如下图。

image.png

最后编辑于：2017.12.10 19:08:43

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 194,457评论 5赞 459
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 81,837评论 2赞 371
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 141,696评论 0赞 319
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 52,183评论 1赞 263
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 61,057评论 4赞 355
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 46,105评论 1赞 272
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 36,520评论 3赞 381
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 35,211评论 0赞 253
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 39,482评论 1赞 290
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 34,574评论 2赞 309
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 36,353评论 1赞 326
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 32,213评论 3赞 312
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 37,576评论 3赞 298
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 28,897评论 0赞 17
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 30,174评论 1赞 250
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 41,489评论 2赞 341
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 40,683评论 2赞 335

RecyclerView显示列表

1. 添加RecyclerView依赖库

2.新建fragment_user_list.xml布局文件。

3.视图和fragment关联

4.实现ViewHolder和Adapter

推荐阅读更多精彩内容