RecycleView和CardView

一、RecycleView

1. <android.support.v7.widget.RecyclerView
2. android:id="@+id/my_recycler_view"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:scrollbars="vertical"/>

三个关键要素

LayoutManager 线性布局(LinearLayoutManager) Gird布局(GridLayoutManager) 瀑布流布局(StaggeredGridLayoutManager)

Adapter RecyclerView.Adapter<T> T为继承ViewHolder的实现类

Dataset RecyclerView.ViewHolder

recyclerView的条目点击事件需要自己写接口去处理。

 

其它补充知识

recycleView有预加载机制(系统只将屏幕可见范围之内的元素保存在内存中)，当第一个Item的高度占据了屏幕时，也就是屏幕内此时只有一个Item，那么在加载下一个Item时会出现卡顿现象，因为内存中不存在可利用的Item，需要去新创建一个Item，造成卡顿。

解决办法，若使用的是LinearLayoutManager，只需重写getExtraLayoutSpace()方法(将返回LayoutManager应该预留的额外空间（显示范围之外，应该额外缓存的空间))。

1.  LinearLayoutManager linearLayoutManager =newLinearLayoutManager(this){
    @Override
    protectedint getExtraLayoutSpace(RecyclerView.State state){
    return300;
    }
    };

   具体步骤

1. //创建默认的线性LayoutManager
2. mLayoutManager =newLinearLayoutManager(this);
3. //设置recycleView的方向为横向
4. //mLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
5. mRecyclerView.setLayoutManager(mLayoutManager);
6. //如果可以确定每个item的高度是固定的，设置这个选项可以提高性能
7. mRecyclerView.setHasFixedSize(true);
8. //创建并设置Adapter
9. adapter =new rlAdapter();
10. mRecyclerView.setAdapter(adapter);
11. //处理条目点击事件

      adapter.setOnItemClickListener(new rlAdapter.OnRcvItemClickListener(){
@Override
publicvoid onItemClick(View view,int position){
Toast.makeText(MainActivity.this,"当前点击的是第："+position +"个条目",Toast.LENGTH_SHORT).show();
}
});

 staticclass rlAdapter extendsRecyclerView.Adapter<RlViewHolder>implementsView.OnClickListener{

 //定义接口，处理Item的点击事件
 publicstaticinterfaceOnRcvItemClickListener{
 void onItemClick(View view,int position);
 }
 privateOnRcvItemClickListener itemClickListener ;
 publicvoid setOnItemClickListener(OnRcvItemClickListener itemClickListener){
 this.itemClickListener = itemClickListener;
 }
 @Override
 publicRlViewHolder onCreateViewHolder(ViewGroup viewGroup,int i){
 View view =View.inflate(viewGroup.getContext(),R.layout.item_listview,null);
  view.setOnClickListener(this);
 returnnewRlViewHolder(view);
 }

 @Override
 publicvoid onBindViewHolder(RlViewHolder rlViewHolder,int position){
  rlViewHolder.iv.setImageResource(arrs[position%5]);
  rlViewHolder.tv.setText("测试:"+position%5);
 //将数据保存到itemView中
 rlViewHolder.itemView.setTag(position);
 }
 @Override
 publicint getItemCount(){
 return100;
 }

 @Override
 publicvoid onClick(View v){
 if(itemClickListener !=null){
  itemClickListener.onItemClick(v,(Integer) v.getTag());
 }
 }
 }

 staticclassRlViewHolderextendsRecyclerView.ViewHolder{
 ImageView iv;
 TextView tv;

 publicRlViewHolder(View itemView){
 super(itemView);
  iv =(ImageView) itemView.findViewById(R.id.iv);
  tv =(TextView) itemView.findViewById(R.id.tv);
 }
 }

二、CardView

CardView继承自FrameLayout类，可以包含圆角和阴影。

通过使用android:elevation属性，创建一个阴影的卡片

1、xml中使用android:cardCornerRadius属性指定圆角半径

2、代码中使用CardView.setRadius 设置圆角半径

3、使用 android:cardBackgroundColor属性设置卡片颜色

4、代码中使用CardView.setBackgroundColor设置卡片颜色，可能会影响卡片的阴影