RecyclerView的使用
RecyclerView 小组件比 ListView 更高级且更具灵活性。 此小组件是一个用于显示庞大数据集的容器,可通过保持有限数量的视图进行非常有效的滚动操作。
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. 独特地;珍奇地