美文网首页android实用技术Android开发联盟大牛聚集之地
RecyclerView系列之一:实现常见的ListView效果

RecyclerView系列之一:实现常见的ListView效果

作者: 滴滴滴9527 | 来源:发表于2017-04-15 21:33 被阅读238次

    RecyclerView出现已经有一段时间了,在网上也有很多学习的教程,准备整理一下,总结一下RecyclerView使用时要实现的常用功能.

    一、使用前提

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

    二、实现常见的ListView效果

    1、布局文件
    (1)、MainActivity 布局文件

    没什么好说的,直接放入RecyclerView就行了

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <android.support.v7.widget.RecyclerView
            android:id="@+id/recyclerview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    
    </LinearLayout>
    
    (2)、RecyclerViewt条目的布局文件

    和ListView一样,你每个条目的布局应该是什么样就设计成什么样

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:background="#ff33b5e5"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    
        <TextView
            android:id="@+id/tv"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:gravity="center"
            tools:text="别看了,我就是一个TextView" />
    </RelativeLayout>
    
    2、Activity中
    public class MainActivity extends AppCompatActivity {
    
        private RecyclerView mRecyclerView;
        private LinearLayoutManager layoutManager;
        private MainAdapter mAdapter;
        private List<String> mDatas;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
    /**
     *      和使用ListView的步骤差不多:初始化组件、设置适配器
     *      只不过这里多了一个设置布局管理器RecyclerView.LayoutManager这一步
     */
            initData();
            mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview);
            layoutManager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
            mRecyclerView.setLayoutManager(layoutManager);
            mAdapter = new MainAdapter(this,mDatas);
            mRecyclerView.setAdapter(mAdapter);
        }
    
        private void initData() {
            mDatas = new ArrayList<>();
            for (int i = 'A'; i < 'Z'; i++) {
                mDatas.add("" + (char) i);
            }
        }
    }
    
    3、数据适配器中
    public class MainAdapter extends RecyclerView.Adapter<MainAdapter.MyViewHolder> {
    
        private Context mContext;
        private List<String> mDatas;
    
        public MainAdapter(Context context, List<String> mDatas) {
            this.mContext = context;
            this.mDatas = mDatas;
        }
    
    /**
     * 创建ViewHolder
     *     在这里我们要做的就是把RecyclerView的item布局填充成View对象,然后返回ViewHolder对象
     */
        @Override   
        public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            View view = View.inflate(mContext, R.layout.item_layout, null);
            return new MyViewHolder(view);
        }
    
    /**
     * 加载数据到View中
     *     在这里我们要做的就是加载每个item要显示的数据
     */
        @Override   
        public void onBindViewHolder(MyViewHolder holder, int position) {
            holder.tv.setText(mDatas.get(position));
        }
    
    /**
     * 和ListView一样,返回item的数量
     */
        @Override 
        public int getItemCount() {
            return mDatas.size();
        }
    
    /**
     * 在ListView中,很多人都不懂使用ViewHolder, 这也导致了使用ListView性能比较差
     * 而创建RecyclerView的数据适配器时强制我们使用ViewHolder
     */
     class MyViewHolder extends RecyclerView.ViewHolder {
            TextView tv;
    
     // 这里的参数view就是每个item的布局转换的View对象,在这里我们要做的就是初始化item要显示数据的组件
     
            public MyViewHolder(View view) {
                super(view);
                tv = (TextView) view.findViewById(R.id.tv);
            }
        }
    }
    
    4、效果图

    好了,简单的ListView效果实现了,下面让我们来看一下效果图


    相关文章

      网友评论

        本文标题:RecyclerView系列之一:实现常见的ListView效果

        本文链接:https://www.haomeiwen.com/subject/flcoattx.html