Android RecyclerView线性布局详解(1)

RecyclerView是Android 5.0新增的控件，在android-support-v7下面。官方文档对RecycleView介绍很简洁到位，如下：

A flexible view for providing a limited window into a large data set.
大概意思就是说：在有限大小的窗口里显示大量数据的一个灵活的view。

下面是ReccleView继承图：

看到这里我们自然想到了与之类似的控件ListView，RecyclerView和ListView都是在有限的屏幕区域里维护少量的View来进行显示大量的数据，其实RecyclerView是ListView的升级版，功能更加强大，更加灵活，扩展性更强，Google建议使用RecycleView替代ListView。

下面是RecycleView结构图：

RecycleView主要包括以下几个部件：

1. RecyclerView.Adapter

数据和视图的分离设计是程序解耦和可维护的重要指标，RecycleView作为展示大量数据的view肯定是遵循这个设计的，ListView也不例外。通过继承RecycleView.Adapter即可轻松实现自己的adapter，主要重写RecycleView.Adapter的下面三个方法即可实现：

public MyRecycleViewAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) 
public void onBindViewHolder(MyRecycleViewAdapter.MyViewHolder holder, int position)
public int getItemCount() 

上面MyRecycleViewAdapter是我自己定义的ViewHolder

2. ViewHolder

ViewHolder用来保存列表中item view引用的类，这样做的目的是重用item视图，从而提高性能。
在ListView中，ViewHolder不是ListView自带的，是需要自己定义的，当然你也可以不使用ViewHolder，这样的后果就是ListView每次调用getView()方法的时候都会调用findViewById()方法，要知道findViewById()性能很差，它通过递归的方式去从view树中找特定的子view的，最终往往带来很差的性能体验，所以使用ViewHolder也成了优化ListView最重要的手段。
在RecyclerView中，Android内置了RecyclerView.ViewHolder，这意味着ViewHolder使用成了必须。

3. 分割线 RecycleView.ItemDecoration

ListView添加分割线很简单，只需在ListView的xml中配置”divider”属性即可，如：

android:dividerHeight="2dp"
android:divider="@color/red"

但RecycleView添加分割线是比较麻烦的，并且默认是不带分割线的。但实际开发中一般都需要分割线，使用RecycleView.ItemDecoration为RecycleView添加分割线

4. 布局管理器 LayoutManager

RecycleView支持多种布局模式：

1、LinearLayoutManager
线性布局管理器，支持水平布局和垂直布局两种
2、GridLayoutManager
网格布局管理器
3、StaggerdGridLayoutManager
错列的网格布局管理器，可以实现瀑布流列表

RecycleView使用时和ListView很类似，直接看一个简单的例子，分别展示一个垂直方向和水平方向上的列表，并且都支持使用颜色和图片做分割线，效果图如下：

1. MainActivity

package com.cjl.recycleviewtest;
...
public class MainActivity extends AppCompatActivity {

 private VerticalFragment mVerticalFragment;
 private HorizontalFragment mHorizontalFragment;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 //垂直
 mVerticalFragment = new VerticalFragment();
 //水平
 mHorizontalFragment = new HorizontalFragment();
 //默认为设置垂直
 getFragmentManager().beginTransaction().replace(R.id.activity_main, mVerticalFragment).commit();
 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
 MenuInflater inflater = getMenuInflater();
 inflater.inflate(R.menu.menu_recycleview, menu);
 return super.onCreateOptionsMenu(menu);
 }

 @Override
 public boolean onOptionsItemSelected(MenuItem item) {
 int id = item.getItemId();
 switch (id) {
  //垂直方向
  case R.id.vertical:
  VerticalFragment mVerticalFragment = new VerticalFragment();
  getFragmentManager().beginTransaction().replace(R.id.activity_main, mVerticalFragment).commit();
  break;
  //水平方向
  case R.id.horizontal:
 getFragmentManager().beginTransaction().replace(R.id.activity_main, mHorizontalFragment).commit();
  break;
 }
 return super.onOptionsItemSelected(item);
 }
}

MainActivity布局文件 R.layout.activity_main

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/activity_main"
 android:layout_width="match_parent"
 android:layout_height="match_parent">
</FrameLayout>

2. 垂直方向上 VerticalFragment

public class VerticalFragment extends Fragment implements View.OnClickListener{

 private RecyclerView mRecycleViewDrawable;
 private RecyclerView mRecycleViewColor;
 private LinearLayoutManager mManagerColor;
 private LinearLayoutManager mManagerDrawable;
 private List<String> mData;
 private Button mDrawable;
 private Button mColor;
 private MyRecycleViewAdapter mRecycleViewAdapter;

 @Nullable
 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
 View view = inflater.inflate(R.layout.fragment_vertical_layout, container, false);
 mRecycleViewDrawable = (RecyclerView) view.findViewById(R.id.recycleview_drawable);
 mRecycleViewColor = (RecyclerView) view.findViewById(R.id.recycleview_color);

 mDrawable = (Button) view.findViewById(R.id.btn_drawable);
 mDrawable.setOnClickListener(this);
 mColor = (Button) view.findViewById(R.id.btn_color);
 mColor.setOnClickListener(this);
 //1. 颜色分割线
 mManagerColor = new LinearLayoutManager(getActivity());
 mManagerColor.setOrientation(LinearLayoutManager.VERTICAL);
 mRecycleViewColor.setLayoutManager(mManagerColor);
 //设置颜色分割线
 mRecycleViewColor.addItemDecoration(new LinearDivider(getActivity(), LinearLayoutManager.VERTICAL, 10, this.getResources().getColor(R.color.colorAccent)));

 //2. 图片分割线
 mManagerDrawable = new LinearLayoutManager(getActivity());
 mManagerDrawable.setOrientation(LinearLayoutManager.VERTICAL);
 mRecycleViewDrawable.setLayoutManager(mManagerDrawable);
 //设置图片分割线
 Drawable drawable = ContextCompat.getDrawable(getActivity(), R.mipmap.divider);
 mRecycleViewDrawable.addItemDecoration(new LinearDivider(getActivity(), LinearLayoutManager.VERTICAL, 20, drawable));

 mData = new ArrayList<String>();
 initData(mData);
 //自定义adapter
 mRecycleViewAdapter = new MyRecycleViewAdapter(getActivity(), R.layout.item_vertical_recycleview, mData);
 //设置adapter
 mRecycleViewColor.setAdapter(mRecycleViewAdapter);
 mRecycleViewDrawable.setAdapter(mRecycleViewAdapter);
 return view;
 }

 private void initData(List<String> dataList) {
 for (int i = 0; i < 30; i++) {
  dataList.add("item" + i);
 }
 }

 @Override
 public void onClick(View view) {
 int id = view.getId();
 switch (id){
  case R.id.btn_drawable:
  mRecycleViewColor.setVisibility(View.INVISIBLE);
  mRecycleViewDrawable.setVisibility(View.VISIBLE);
  break;

  case R.id.btn_color:
  mRecycleViewColor.setVisibility(View.VISIBLE);
  mRecycleViewDrawable.setVisibility(View.INVISIBLE);
  break;
 }
 }
}

VerticalFragment 的布局文件 R.layout.fragment_vertical_layout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent">

 <android.support.v7.widget.RecyclerView
 android:id="@+id/recycleview_drawable"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_marginBottom="60dp"/>

 <android.support.v7.widget.RecyclerView
 android:id="@+id/recycleview_color"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_marginBottom="60dp"
 android:visibility="invisible"/>

 <LinearLayout
 android:id="@+id/lilayout"
 android:orientation="horizontal"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:weightSum="2"
 android:layout_alignParentBottom="true">

 <Button
  android:id="@+id/btn_drawable"
  android:layout_width="wrap_content"
  android:layout_height="50dp"
  android:text="图片分割线"
  android:gravity="center"
  android:layout_weight="1"
  android:background="@color/colorPrimary"/>

 <Button
  android:id="@+id/btn_color"
  android:layout_width="wrap_content"
  android:layout_height="50dp"
  android:text="颜色分割线"
  android:gravity="center"
  android:layout_weight="1"
  android:background="@color/mytv"/>
 </LinearLayout>
</RelativeLayout>

3. 直接继承RecyclerView.Adapter

public class MyRecycleViewAdapter extends RecyclerView.Adapter<MyRecycleViewAdapter.MyViewHolder> {

 private LayoutInflater mLayoutInflater;
 private List<String> mDataList;
 private int mItemLayout;

 public MyRecycleViewAdapter(Context context, int itemLayout, List<String> datalist) {
 mLayoutInflater = LayoutInflater.from(context);
 mItemLayout = itemLayout;
 mDataList = datalist;
 }

 @Override
 public MyRecycleViewAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
 return new MyViewHolder(mLayoutInflater.inflate(mItemLayout, parent, false));
 }

 @Override
 public void onBindViewHolder(MyRecycleViewAdapter.MyViewHolder holder, int position) {
 holder.mTextView.setText(mDataList.get(position));
 }

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

 class MyViewHolder extends RecyclerView.ViewHolder {

 private TextView mTextView;
 public MyViewHolder(View itemView) {
  super(itemView);
  mTextView = (TextView) itemView.findViewById(R.id.tv);
 }
 }
}

item布局文件 item_vertical_recycleview.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="wrap_content">

 <TextView
 android:id="@+id/tv"
 android:gravity="center"
 android:layout_width="match_parent"
 android:layout_height="60dp"/>

</FrameLayout>

4. 分割线 RecyclerView.ItemDecoration

public class LinearDivider extends RecyclerView.ItemDecoration {

 private Drawable mDividerDarwable;
 private int mOrientation;
 private int mDividerHight = 1;
 private Paint mColorPaint;

 public final int[] ATRRS = new int[]{
  android.R.attr.listDivider
 };

 /*
 orientation 方向
 */
 public LinearDivider(Context context, int orientation) {
 final TypedArray ta = context.obtainStyledAttributes(ATRRS);
 this.mDividerDarwable = ta.getDrawable(0);
 ta.recycle();
 setOrientation(orientation);
 }

 /*
 int orientation 方向
 int dividerHight 分割线的线宽
 Drawable dividerDrawable 充当分割线的图片
 */
 public LinearDivider(Context context, int orientation, int dividerHight, Drawable dividerDrawable) {
 this(context, orientation);
 mDividerHight = dividerHight;
 mDividerDarwable = dividerDrawable;
 }

 /*
 int orientation 方向
 int dividerHight 分割线的线宽
 int dividerColor 分割线的颜色
 */
 public LinearDivider(Context context, int orientation, int dividerHight, int dividerColor) {
 this(context, orientation);
 mDividerHight = dividerHight;
 mColorPaint = new Paint();
 mColorPaint.setColor(dividerColor);
 }

 public void setOrientation(int orientation) {
 if (orientation != LinearLayoutManager.HORIZONTAL && orientation != LinearLayoutManager.VERTICAL) {
  throw new IllegalArgumentException("方向参数错误！");
 }
 mOrientation = orientation;
 }

 @Override
 public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
 super.onDraw(c, parent, state);
 if (mOrientation == LinearLayoutManager.HORIZONTAL) {
  drawHorizontalDivider(c, parent);
 } else {
  drawVirticalDivider(c, parent);
 }
 }

 //画垂直分割线
 public void drawVirticalDivider(Canvas c, RecyclerView parent) {
 int left = parent.getPaddingLeft();
 int right = parent.getWidth() - parent.getPaddingRight();
 final int childCount = parent.getChildCount();
 for (int i = 0; i < childCount; i++) {
  final View child = parent.getChildAt(i);
  final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
  final int top = child.getBottom() + params.bottomMargin;
  final int bottom = top + mDividerHight;
  if (mDividerDarwable != null) {
  mDividerDarwable.setBounds(left, top, right, bottom);
  mDividerDarwable.draw(c);
  }
  if (mColorPaint != null) {
  c.drawRect(left, top, right, bottom, mColorPaint);
  }
 }
 }

 //画水平分割线
 public void drawHorizontalDivider(Canvas c, RecyclerView parent) {
 int top = parent.getPaddingTop();
 int bottom = parent.getHeight() - parent.getPaddingBottom();
 final int childCount = parent.getChildCount();
 for (int i = 0; i < childCount; i++) {
  final View child = parent.getChildAt(i);
  RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
  final int left = child.getRight() + params.rightMargin;
  final int right = left + mDividerHight;
  if (mDividerDarwable != null) {
  mDividerDarwable.setBounds(left, top, right, bottom);
  mDividerDarwable.draw(c);
  }
  if (mColorPaint != null) {
  c.drawRect(left, top, right, bottom, mColorPaint);
  }
 }
 }

 @Override
 public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
 super.getItemOffsets(outRect, view, parent, state);
 if (mOrientation == LinearLayoutManager.HORIZONTAL) {
  outRect.set(0, 0, 0, mDividerHight);
 } else {
  outRect.set(0, 0, mDividerHight, 0);
 }
 }
}

未完待续……

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Android  # RecyclerView  # 线性布局  # Android UI组件LinearLayout线性布局详解  # Android布局之LinearLayout线性布局  # Android基础知识及线性布局介绍  # 分割线  # 管理器  # 成了  # 递归  # 很差  # 自己的  # 几个  # 也不  # 是在  # 结构图  # 最重要  # 两种  # 只需  # 这样做  # 很简单  # 要知道  # 自定义  # 重写  # 可以实现  # 与之 

相关文章： 公司网站的制作公司,企业网站制作基本流程有哪些？  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  Python lxml的etree和ElementTree有什么区别  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？  XML的“混合内容”是什么 怎么用DTD或XSD定义  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  股票网站制作软件,网上股票怎么开户？  专业公司网站制作公司,用什么语言做企业网站比较好？  建站之星展会模版如何一键下载生成？  英语简历制作免费网站推荐,如何将简历翻译成英文？  建站主机SSH密钥生成步骤及常见问题解答？  如何在IIS中配置站点IP、端口及主机头？  南京网站制作费用,南京远驱官方网站？  网站插件制作软件免费下载,网页视频怎么下到本地插件？  建站DNS解析失败？如何正确配置域名服务器？  ppt制作免费网站有哪些,ppt模板免费下载网站？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  高性价比服务器租赁——企业级配置与24小时运维服务  建站之星24小时客服电话如何获取？  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  如何快速生成高效建站系统源代码？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  如何快速使用云服务器搭建个人网站？  如何通过西部建站助手安装IIS服务器？  创业网站制作流程,创业网站可靠吗？  完全自定义免费建站平台：主题模板在线生成一站式服务  北京企业网站设计制作公司,北京铁路集团官方网站？  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  如何在阿里云高效完成企业建站全流程？  Python路径拼接规范_跨平台处理说明【指导】  Android自定义listview布局实现上拉加载下拉刷新功能  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  建站之星IIS配置教程：代码生成技巧与站点搭建指南  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递  山东云建站价格为何差异显著？  建站之星如何实现PC+手机+微信网站五合一建站？  中山网站制作网页,中山新生登记系统登记流程？  如何选择可靠的免备案建站服务器？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  如何在阿里云香港服务器快速搭建网站？  如何在Windows服务器上快速搭建网站？  javascript中对象的定义、使用以及对象和原型链操作小结  怎么用手机制作网站链接,dw怎么把手机适应页面变成网页？  建站之星后台密码如何安全设置与找回？  如何自定义建站之星网站的导航菜单样式？  建站之星如何配置系统实现高效建站？  道歉网站制作流程,世纪佳缘致歉小吴事件，相亲网站身份信息伪造该如何稽查？  如何破解联通资金短缺导致的基站建设难题？