充满魅力的RecyclerView

RecyclerView的使用

RecyclerView 小组件比 ListView 更高级且更具灵活性。 此小组件是一个用于显示庞大数据集的容器,可通过保持有限数量的视图进行非常有效的滚动操作。

RecyclerView 类别将通过提供下列功能简化庞大数据集的显示与处理:

  • 用于项目定位的布局管理器
  • 用于通用项目操作(例如删除或添加项目)的默认动画
RecyclerView组件

RecyclerView是一个包含了线性布局,表格布局,瀑布流布局的视图控件。

RecyclerView继承关系

首先通过继承RecyclerView.Adapter来定制Adapter。在RecyclerView.Adapter中强制要求使用ViewHolder。以避免一些过多的内存别使用。

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
    private String[] mDataset;    
    // Provide a reference to the views for each data item    
    // Complex data items may need more than one view per item, and          
    // you provide access to all the views for a data item in a view holder    
    public static class ViewHolder extends RecyclerView.ViewHolder {        
    // each data item is just a string in this case        
    public TextView mTextView;        
    public ViewHolder(TextView v) {
            super(v);
            mTextView = v;        
          }    
    }    
    // Provide a suitable constructor (depends on the kind of dataset)        
    public MyAdapter(String[] myDataset) {
        mDataset = myDataset;    
    }    
    // Create new views (invoked by the layout manager)
    @Override
    public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        // create a new view
        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.my_text_view, parent, false);
        // set the view's size, margins, paddings and layout parameters  
        ...
        ViewHolder vh = new ViewHolder(v);
        return vh;
    }
    // Replace the contents of a view (invoked by the layout manager)    
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {            
        // - get element from your dataset at this position
        // - replace the contents of the view with that element        
        holder.mTextView.setText(mDataset[position]);
    }
    // Return the size of your dataset (invoked by the layout manager)
    @Override
    public int getItemCount() {
        return mDataset.length;
    }
}

在Activity实例化控件,需要通过设置布局管理器来选择使用哪种布局来显示:

public class MyActivity extends Activity {
private RecyclerView mRecyclerView;
private RecyclerView.Adapter mAdapter;
private RecyclerView.LayoutManager mLayoutManager;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.my_activity);
    mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view);
    
    // use this setting to improve performance if you know that changes
    // in content do not change the layout size of the RecyclerView          
    // 当你知道你的数据改变不会改变你的布局大小的时候设置
    mRecyclerView.setHasFixedSize(true);
    // use a linear layout manager
    mLayoutManager = new LinearLayoutManager(this);
    mRecyclerView.setLayoutManager(mLayoutManager);
    // specify an adapter (see also next example)
    mAdapter = new MyAdapter(myDataset);
    mRecyclerView.setAdapter(mAdapter);
    }
...
}

设置以上两个参数后就能实现RecyclerView了

addItem && removeItem

在RecyclerView中添加Item与移除item都很好实现。在Adapter中添加一下方法即可:

/**
  * 添加Item
  * @param position 坐标
  * @param str 要添加的数据
  */
public void addItem(int position, String str){
    list.add(position, str);
    notifyItemInserted(position); //这句让item的添加有动画效果
}

/**
  * 移除Item
  * @param position 坐标
  */
public void removeItem(int position){
    list.remove(position);
    notifyItemRemoved(position); //这句让item的移除有动画效果
}

添加headerView、footerView:

通过在Adapter中重写getItemViewType方法,在position=0的时候和position=getItemCount()-1的时候返回不同的值,在

@Override
public RecyclerViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    //在方法中判断传递过来的viewType,若是需要添加header/footer的话就将root的布局设置为header/footer布局
    return new RecyclerViewHoler(root);
}

在Adapter中每个重写的方法都要去对view和position做独特处理。因为已经加入了header/footer。数据的填充是从1-倒数的第二条的。
以下是源码转译。

/** 
  * Return the view type of the item at <code>position</code> for the purposes 
  * of view recycling. 
  * 返回第position个item的view的类型用于view的回收利用
  *
  * <p>The default implementation of this method returns 0, making the assumption of 
  * a single view type for the adapter. Unlike ListView adapters, types need not 
  * be contiguous. Consider using id resources to uniquely identify item view types. 
  * 那么默认是返回0作为标识。一个单独的view不需要像ListView中的adapter那样是连续的。
  * 考虑使用id资源来区别view的类型
  *
  * @param position position to query 
  * @return integer value identifying the type of the view needed to represent the item at 
  *                 <code>position</code>. Type codes need not be contiguous. 
  */
  public int getItemViewType(int position) {  
      return 0;
  }

以上方式会出现一个问题,就是转换成GridLayoutManger的时候只占据GridView的一个item.而不是一整行。
所以我们设置setSpanSizeLookup的监听,这个方法是用来获取每个position是占据多少个格子的。我们只需要在position == 0 和在position == getItemCount() - 1在最后的时候返回3(这个值是你设置每行有多少列决定)而下面的方法里,我使布局中第一个占一行,第二个占2个item大小,第三个占1个item大小:

设置每个item中占据的格子数
GridLayoutManager manager = new GridLayoutManager(this, 3);
 manager.setSpanSizeLookup(newGridLayoutManager.SpanSizeLookup() {    
    @Override    
    public int getSpanSize(int position) {        
       return (3 - position % 3);    
    }
});

瀑布流的实现:

使用StaggerdGridManager,
在OnBindViewHolder中动态修改holder中的控件大小

LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) holder.iV.getLayoutParams();
params.height = randomHight(); //随机高度构成了瀑布流的效果
holder.iV.setLayoutParams(params);

添加分割线

添加分割线的原理是通过在每个Item下画出分割线来。
通过继承RecyclerView.ItemDecoration来自定义分割线的样式,然后重写setItemOffset方法来设置偏移量。每个item的偏移量根据布局的横竖/高宽来设置。

/**
  * 画竖直的分割线(以RecyclerView中内容占据大小来画分割线)
  * mDrivider是获取的系统默认的android.R.attr.listDivider中的drawable
  * @param c 画布
  * @param parent 父布局
  */
public void drawVertical(Canvas c, RecyclerView parent) {
    final int left = parent.getPaddingLeft(); //左边的坐标起点
    final 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 + mDivider.getIntrinsicHeight(); //底部坐标起点        
        mDivider.setBounds(left, top, right, bottom);
        mDivider.draw(c);
    }
}

以上方法在onDraw()方法中调用。调用完后需要调用setItemOffset()来设置偏移量:

@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
    if (mOrientation == VERTICAL_LIST) {
        outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
    } else {
        outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
    }
}

总结:比以前的ListView、GridView等控件更原生,虽然编写更复杂了,但是也意味着可以做更多的自定制。可以根据业务做更过的变幻。很神奇。很有魅力。还有很多值得去学习的地方!
转载请注明出处:http://www.jianshu.com/p/a3388e716a93

  • assumption n. 假定;设想;担任;采取
  • contiguous adj. 连续的;邻近的;接触的
  • uniquely adv. 独特地;珍奇地
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,392评论 5 470
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,258评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,417评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,992评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,930评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,199评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,652评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,327评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,463评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,382评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,432评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,118评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,704评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,787评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,999评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,476评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,057评论 2 341

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,282评论 25 707
  • Tangram是阿里出品、用于快速实现组合布局的框架模型,在手机天猫Android&iOS版 内广泛使用 该框架提...
    wintersweett阅读 3,241评论 0 1
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,688评论 22 664
  • 简介: 提供一个让有限的窗口变成一个大数据集的灵活视图。 术语表: Adapter:RecyclerView的子类...
    酷泡泡阅读 5,133评论 0 16
  • 烜儿很喜欢TFboys,经常听。他说他是这些哥哥的粉丝,他也想像他们一样的拥有很多粉丝(粉丝一词应该是他爸爸跟他解...
    hagar阅读 222评论 0 0