AndroidRecyclerView线性布局详解(1)

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

成都网站建设、成都做网站,成都做网站公司-创新互联已向上千企业提供了,网站设计,网站制作,网络营销等服务!设计与技术结合,多年网站推广经验,合理的价格为您打造企业品质网站。

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

下面是ReccleView继承图：

Android RecyclerView线性布局详解(1)

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

下面是RecycleView结构图：

Android RecyclerView线性布局详解(1)

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

Android RecyclerView线性布局详解(1)

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"?>

2. 垂直方向上 VerticalFragment

public class VerticalFragment extends Fragment implements View.OnClickListener{

 private RecyclerView mRecycleViewDrawable;
 private RecyclerView mRecycleViewColor;
 private LinearLayoutManager mManagerColor;
 private LinearLayoutManager mManagerDrawable;
 private List 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();
 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 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"?>

3. 直接继承RecyclerView.Adapter

public class MyRecycleViewAdapter extends RecyclerView.Adapter {

 private LayoutInflater mLayoutInflater;
 private List mDataList;
 private int mItemLayout;

 public MyRecycleViewAdapter(Context context, int itemLayout, List 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"?>

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);
 }
 }
}

未完待续……

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

名称栏目：AndroidRecyclerView线性布局详解(1)
网站路径：http://chengdu.cdxwcx.cn/article/iphoip.html

甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

首页

网站建设

网站制作案例

解决方案

网站设计报价

网站制作动态

关于我们

联系我们

成都网站建设设计将想法与焦点和您一起共享

AndroidRecyclerView线性布局详解(1)

其他资讯

电脑怎样快速休眠快捷键电脑快速休眠的快捷键

jquery基本库请列举jquery库的特性

ios开发中实现投屏 iphone投屏屏幕代码

mysql怎么导出导入表 oracle导出的sql导入mysql

linux命令大全最新 linux命令合集

甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

成都网站建设设计 将想法与焦点和您一起共享

AndroidRecyclerView线性布局详解(1)

其他资讯

电脑怎样快速休眠快捷键 电脑快速休眠的快捷键

jquery基本库 请列举jquery库的特性

ios开发中实现投屏 iphone投屏屏幕代码

mysql怎么导出导入表 oracle导出的sql导入mysql

linux命令大全最新 linux命令合集

成都网站建设设计将想法与焦点和您一起共享

电脑怎样快速休眠快捷键电脑快速休眠的快捷键

jquery基本库请列举jquery库的特性