程序博客网 > 手机扬声器检测软件

android RecyclerView布局真的只是那么简单！

来源：互联网 发布：手机扬声器检测软件 编辑：程序博客网 时间：2024/06/01 14:33

版权声明：本文为博主许佳佳原创文章，转载请务必注明出处。

如今Android N都已经出来了，作为一个android开发者如果还不知道如何使用android5.X的RecyclerView未免有点说不过去了。

RecyclerView比ListView更灵活，更强大。因此也会引入一些复杂性，而这些复杂性，恰恰是在新手前进道路上的很大阻碍，而笔者此文也便是希望可以给予读者一些帮助。



RecyclerView是什么？


笔者个人看法，RecyclerView只是一个对ListView的升级版，这个升级的主要目的是为了让这个view的效率更高，并且使用更加方便。

我们知道，ListView通过使用ViewHolder来提升性能。ViewHolder通过保存item中使用到的控件的引用来减少findViewById的调用，以此使ListView滑动得更加顺畅。但这种模式在listview中即使不使用也无妨。

换言之，在ListView中你不考虑复用的问题也可以，只是你牺牲了内存来方便了代码。但是RecyclerView就不允许你这么做了，你使用RecyclerView就意味着你一定要复用，而效果上其实和ListView+ViewHolder差不多。


demo效果：(源码在文章结尾)



主要实现功能：

1、可以动态排版，选择linearlayou和gridlayout

2、可以增减item

3、实现对item点击事件的监听

4、实现点击事件，点击后能够使item中的字体变成红色



RecyclerView如何使用？（新手学习，推荐一边看笔者demo一边看解释）


RecyclerView是support-v7包中的新组件(此处意味着首先要导入v7包)，是一个强加的滑动组件，与经典的Listview相比，它同样拥有item回收服用的功能，但是RecyclerView已经封装好了ViewHolder，用户只需要实现自己的ViewHolder就可以了，该组件会自动帮你复用每一个item。


使用RecyclerView笔者认为主要有两个步骤：

1、设置LayoutManager

2、设置和定义Adapter（主要是实现ViewHolder）


由于RecyclerView与listview的使用比较类似，此处还是用大家比较熟悉的listview来解释。

RecyclerView与listview的使用，主要不同在两个地方：

1、需要定义LayoutManager（这点比较简单，不多讲解）

2、listview定义的Adapter主要是针对view来进行操作的，而RecyclerView主要是针对ViewHolder来进行操作的。

3、listview本身实现了点击事件，而RecyclerView如果需要点击事件，需要自己写一个接口。（新手不要害怕，并不难）



下面就分点介绍一下在listview中不会碰到的几个点，也可能是新手认为的RecyclerView的难点：


一、RecyclerView针对ViewHolder来进行操作

此处主要需要了解RecyclerView必须实现的三个方法:


public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType)

在任何ViewHolder被实例化的时候，OnCreateViewHolder将会被触发。

此处实现的内容与fragment中的onCreateView差不多，只是onCreateView最后返回的是view而此处返回的是一个ViewHolder。（注意：使用的时候此处的ViewHolder应该是自己定义的，而不是RecyclerView.ViewHolder）


public void onBindViewHolder(ViewHolder holder, int position)

此处建立起ViewHolder中视图与数据的关联。由于ViewHolder是自己实现的，此处使用ViewHolder会显得特别自由方便。


public int getItemCount() 

这个就不多说了，和listview中的差不多，返回数据的size。


除了这三个方法外，最重要的是需要自己实现一个ViewHolder，这个ViewHolder也需要继承RecyclerView.ViewHolder，（如果需要实现点击事件，也需要应用OnClickListener）

在这个ViewHolder中，可以设置属性，并且与ViewHolder视图内的各个控件绑定，使用起来就十分方便了。

笔者demo中代码：

[java] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {  
  2.         public TextView tvViewHolder;  
  3.         public LinearLayout llViewHolder;  
  4.   
  5.         //初始化viewHolder，此处绑定后在onBindViewHolder中可以直接使用  
  6.         public ViewHolder(View itemView){  
  7.             super(itemView);  
  8.             tvViewHolder=(TextView)itemView.findViewById(R.id.tv_view_holder);  
  9.             llViewHolder=(LinearLayout) itemView;  
  10.             llViewHolder.setOnClickListener(this);  
  11.         }  
  12.   
  13.         //通过接口回调来实现RecyclerView的点击事件  
  14.         @Override  
  15.         public void onClick(View v) {  
  16.             if(mOnItemClickListener!=null) {  
  17.                 //此处调用的是onItemClick方法，而这个方法是会在RecyclerAdapter被实例化的时候实现  
  18.                 mOnItemClickListener.onItemClick(v, getItemCount());  
  19.             }  
  20.         }  
  21.     }  



二、点击事件需要自己写一个接口

这个如果花点时间了解概念，其实并不难，主要有以下步骤：（不懂可以看笔者demo）


下面均为笔者demo中的代码；

1、创建一个接口，并在里面写上你需要实现的方法

[java] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. //定义OnItemClickListener的接口,便于在实例化的时候实现它的点击效果  
  2. public interface OnItemClickListener {  
  3.     void onItemClick(View view, int position);  
  4. }  

2、创建一个该接口的对象来存储监听事件

[java] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. public OnItemClickListener mOnItemClickListener;  


3、在需要使用到该方法的地方进行调用

[java] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. public ViewHolder(View itemView){  
  2.            super(itemView);  
  3.            tvViewHolder=(TextView)itemView.findViewById(R.id.tv_view_holder);  
  4.            llViewHolder=(LinearLayout) itemView;  
  5.            llViewHolder.setOnClickListener(this);  
  6.        }  


[java] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. //通过接口回调来实现RecyclerView的点击事件  
  2.         @Override  
  3.         public void onClick(View v) {  
  4.             if(mOnItemClickListener!=null) {  
  5.                 //此处调用的是onItemClick方法，而这个方法是会在RecyclerAdapter被实例化的时候实现  
  6.                 mOnItemClickListener.onItemClick(v, getItemCount());  
  7.             }  
  8.         }  



源码截图：



MainActivity:

[java] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. package com.example.double2.recyclerviewtest;  
  2.   
  3. import android.graphics.Color;  
  4. import android.os.Bundle;  
  5. import android.support.v7.app.AppCompatActivity;  
  6. import android.support.v7.widget.GridLayoutManager;  
  7. import android.support.v7.widget.LinearLayoutManager;  
  8. import android.support.v7.widget.RecyclerView;  
  9. import android.view.View;  
  10. import android.widget.AdapterView;  
  11. import android.widget.ArrayAdapter;  
  12. import android.widget.Button;  
  13. import android.widget.Spinner;  
  14. import android.widget.TextView;  
  15.   
  16. import java.util.ArrayList;  
  17. import java.util.List;  
  18.   
  19. public class MainActivity extends AppCompatActivity {  
  20.   
  21.     private RecyclerView mRecyclerView;  
  22.     private RecyclerAdapter mRecyclerAdapter;  
  23.     private RecyclerView.LayoutManager mLayoutManager;  
  24.     private Spinner mSpinner;  
  25.   
  26.     private List<String> mData = new ArrayList<String>();  
  27.   
  28.     @Override  
  29.     protected void onCreate(Bundle savedInstanceState) {  
  30.         super.onCreate(savedInstanceState);  
  31.         setContentView(R.layout.activity_main);  
  32.   
  33.         //增加测试数据  
  34.         mData.add("Recycler");  
  35.         mData.add("Recycler");  
  36.         mData.add("Recycler");  
  37.   
  38.         initView();  
  39.     }  
  40.   
  41.     private void initView() {  
  42.         mRecyclerView = (RecyclerView) findViewById(R.id.rc_main);  
  43.         mLayoutManager = new LinearLayoutManager(this);  
  44.         mRecyclerView.setLayoutManager(mLayoutManager);  
  45.         mRecyclerView.setHasFixedSize(true);  
  46.   
  47.         //设置Spinner  
  48.         mSpinner = (Spinner) findViewById(R.id.sp_main);  
  49.         List<String> mList = new ArrayList<String>();  
  50.         mList.add("LinearLayout");  
  51.         mList.add("GridLayout");  
  52.         mSpinner.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mList));  
  53.         mSpinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {  
  54.             @Override  
  55.             public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {  
  56.                 switch (position) {  
  57.                     case 0:  
  58.                         //设置为线性布局  
  59.                         mRecyclerView.setLayoutManager(new LinearLayoutManager(MainActivity.this));  
  60.                         break;  
  61.                     case 1:  
  62.                         //设置为网格布局,3列  
  63.                         mRecyclerView.setLayoutManager(new GridLayoutManager(MainActivity.this, 3));  
  64.                         break;  
  65.                 }  
  66.             }  
  67.   
  68.             @Override  
  69.             public void onNothingSelected(AdapterView<?> parent) {  
  70.   
  71.             }  
  72.         });  
  73.   
  74.         mRecyclerAdapter = new RecyclerAdapter(mData);  
  75.         mRecyclerView.setAdapter(mRecyclerAdapter);  
  76.         mRecyclerAdapter.setOnItemClickListener(new RecyclerAdapter.OnItemClickListener() {  
  77.             //此处实现onItemClick的接口  
  78.             @Override  
  79.             public void onItemClick(final View view, int position) {  
  80.                 TextView tvRecycleViewItemText = (TextView) view.findViewById(R.id.tv_view_holder);  
  81.                 //如果字体本来是黑色就变成红色，反之就变为黑色  
  82.                 if (tvRecycleViewItemText.getCurrentTextColor() == Color.BLACK)  
  83.                     tvRecycleViewItemText.setTextColor(Color.RED);  
  84.                 else  
  85.                     tvRecycleViewItemText.setTextColor(Color.BLACK);  
  86.             }  
  87.         });  
  88.   
  89.         Button btnAdd = (Button) findViewById(R.id.btn_main_add);  
  90.         Button btnDel = (Button) findViewById(R.id.btn_main_del);  
  91.         btnAdd.setOnClickListener(new View.OnClickListener() {  
  92.             @Override  
  93.             public void onClick(View v) {  
  94.                 mData.add("Recycler");  
  95.                 int position = mData.size();  
  96.                 if (position > 0)  
  97.                     mRecyclerAdapter.notifyDataSetChanged();  
  98.             }  
  99.         });  
  100.         btnDel.setOnClickListener(new View.OnClickListener() {  
  101.             @Override  
  102.             public void onClick(View v) {  
  103.                 int position = mData.size();  
  104.                 if (position > 0) {  
  105.                     mData.remove(position - 1);  
  106.                     mRecyclerAdapter.notifyDataSetChanged();  
  107.                 }  
  108.             }  
  109.         });  
  110.   
  111.     }  
  112. }  

RecyclerAdapter:

[java] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. package com.example.double2.recyclerviewtest;  
  2.   
  3. import android.support.v7.widget.RecyclerView;  
  4. import android.view.LayoutInflater;  
  5. import android.view.View;  
  6. import android.view.ViewGroup;  
  7. import android.widget.LinearLayout;  
  8. import android.widget.TextView;  
  9.   
  10. import java.util.List;  
  11.   
  12. /** 
  13.  * 项目名称：RecyclerViewTest 
  14.  * 创建人：Double2号 
  15.  * 创建时间：2016/4/18 8:12 
  16.  * 修改备注： 
  17.  */  
  18. public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.ViewHolder> {  
  19.     private List<String> mData;  
  20.   
  21.     public RecyclerAdapter(List<String> data) {  
  22.         mData = data;  
  23.     }  
  24.   
  25.     //定义一个监听对象，用来存储监听事件  
  26.     public OnItemClickListener mOnItemClickListener;  
  27.   
  28.     public void setOnItemClickListener(OnItemClickListener itemClickListener) {  
  29.         mOnItemClickListener = itemClickListener;  
  30.     }  
  31.   
  32.     //定义OnItemClickListener的接口,便于在实例化的时候实现它的点击效果  
  33.     public interface OnItemClickListener {  
  34.         void onItemClick(View view, int position);  
  35.     }  
  36.   
  37.     public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {  
  38.         public TextView tvViewHolder;  
  39.         public LinearLayout llViewHolder;  
  40.   
  41.         //初始化viewHolder，此处绑定后在onBindViewHolder中可以直接使用  
  42.         public ViewHolder(View itemView){  
  43.             super(itemView);  
  44.             tvViewHolder=(TextView)itemView.findViewById(R.id.tv_view_holder);  
  45.             llViewHolder=(LinearLayout) itemView;  
  46.             llViewHolder.setOnClickListener(this);  
  47.         }  
  48.   
  49.         //通过接口回调来实现RecyclerView的点击事件  
  50.         @Override  
  51.         public void onClick(View v) {  
  52.             if(mOnItemClickListener!=null) {  
  53.                 //此处调用的是onItemClick方法，而这个方法是会在RecyclerAdapter被实例化的时候实现  
  54.                 mOnItemClickListener.onItemClick(v, getLayoutPosition());  
  55.             }  
  56.         }  
  57.     }  
  58.     @Override  
  59.     public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {  
  60.         View views= LayoutInflater.from(parent.getContext()).inflate(  
  61.                 R.layout.rc_item,parent,false);  
  62.         return new ViewHolder(views);  
  63.     }  
  64.   
  65.     @Override  
  66.     public void onBindViewHolder(ViewHolder holder, int position) {  
  67.         //建立起ViewHolder中试图与数据的关联  
  68.          holder.tvViewHolder.setText(mData.get(position)+position);  
  69.     }  
  70.   
  71.     @Override  
  72.     public int getItemCount() {  
  73.         return mData.size();  
  74.     }  
  75. }  

activity_main:

[html] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout  
  3.     xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent"  
  6.     android:orientation="vertical"  
  7.     android:paddingBottom="@dimen/activity_vertical_margin"  
  8.     android:paddingLeft="@dimen/activity_horizontal_margin"  
  9.     android:paddingRight="@dimen/activity_horizontal_margin"  
  10.     android:paddingTop="@dimen/activity_vertical_margin"  
  11.     >  
  12.   
  13.     <android.support.v7.widget.RecyclerView  
  14.         android:id="@+id/rc_main"  
  15.         android:layout_width="match_parent"  
  16.         android:layout_height="0dp"  
  17.         android:layout_weight="1">  
  18.     </android.support.v7.widget.RecyclerView>  
  19.   
  20.     <LinearLayout  
  21.         android:layout_width="match_parent"  
  22.         android:layout_height="wrap_content"  
  23.         android:orientation="horizontal">  
  24.   
  25.         <Spinner  
  26.             android:id="@+id/sp_main"  
  27.             android:layout_width="wrap_content"  
  28.             android:layout_height="wrap_content"/>  
  29.   
  30.         <Button  
  31.             android:id="@+id/btn_main_add"  
  32.             android:layout_width="wrap_content"  
  33.             android:layout_height="wrap_content"  
  34.             android:text="@string/add"/>  
  35.   
  36.         <Button  
  37.             android:id="@+id/btn_main_del"  
  38.             android:layout_width="wrap_content"  
  39.             android:layout_height="wrap_content"  
  40.             android:text="@string/del"/>  
  41.   
  42.     </LinearLayout>  
  43. </LinearLayout>  

rc_item:

[html] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.               android:layout_width="wrap_content"  
  4.               android:layout_height="wrap_content"  
  5.               android:layout_margin="3dp"  
  6.               android:background="@android:color/darker_gray"  
  7.               android:gravity="center"  
  8.               android:orientation="vertical"  
  9.     >  
  10.   
  11.     <ImageView  
  12.         android:layout_width="wrap_content"  
  13.         android:layout_height="wrap_content"  
  14.         android:src="@mipmap/ic_launcher"/>  
  15.   
  16.     <TextView  
  17.         android:id="@+id/tv_view_holder"  
  18.         android:layout_width="wrap_content"  
  19.         android:layout_height="wrap_content"  
  20.         android:textColor="@android:color/black"  
  21.         android:textSize="20sp"/>  
  22. </LinearLayout>  


免费源码地址：http://download.csdn.net/detail/double2hao/9499498

0 0
手机扬声器检测软件 手机扬声器检测软件
原创粉丝点击
热门IT博客
李敏镐长相知乎李敏镐长相知乎
ip与mac绑定怎么取消ip与mac绑定怎么取消
数据库集群技术
ubuntu ttf字体安装
twice 知乎
逍遥安卓数据迁移
云计算峰会的预算表
js获取div name
寿县安丰拉网络
手机上网控制软件
开淘宝店怎么卖汉服
sql删除语句所有数据
java培训大概要多少钱
prezi for mac dmg
数据冗余是什么意思
托力多软件
淘宝怎么卖酒
西安百度关键词优化
js上传多张图片原理
用友网络股份有限公司
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 烤烟 烤烟烘干机 烤烟种植 外烟 烤烟 烤烟型和混合型的区别 烤烟和混合烟的区别 烤烟房 烤烟烟夹 烤烟种子 烤烟图片 大鸡烟 烟用香精香料 烟台潍烟高铁辟谣 回天犹大的烟格格党 闽烟在线订货下载安装 只对你动了心 烟十一 15元300支的空烟管 名门大少独爱辣妻 雪含烟 抽完吧孤独的烟是什么歌 拔牙24小时我抽一根烟没事吧 烟味去除 烟味 去除烟味 闻烟味头疼 除烟味 孕妇闻烟味 去除 烟味 闻到烟味呼吸困难 烟味怎么去除 闻到烟味就咳嗽 去除房间烟味 孕妇闻烟味对胎儿有影响吗 烟味多久能散 闻到烟味恶心想吐是怎么回事 怎么去除烟味屋里 衣服上有烟味怎么快速清除 身上有烟味怎么办 孕妇能闻艾灸烟味吗 如何去除室内烟味 如何去除车内烟味 空气净化器去烟味

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里