RecyclerView的基本用法

RecyclerView的基本用法

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerView;
    private ArrayList
    
    
     
      dataList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initData();
        setUpView();
    }
    
    private void initData() {
        dataList = new ArrayList
     
     
      
      ();
        for(int i = 0; i < 10; i++){
            dataList.add("android"+i);
        }
    }

    private void setUpView() {
        recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
        //设置布局管理器(LinearLayoutManager、GridLayoutManager网格、StaggeredGridLayoutManager 瀑布流)
        recyclerView.setLayoutManager(new LinearLayoutManager(this));
        //网格布局管理器
        //recyclerView.setLayoutManager(new GridLayoutManager(this,3));
        //瀑布流布局管理器
        //StaggeredGridLayoutManager layout = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL);
        recyclerView.setLayoutManager(layout);

        //设置分割线
        DividerItemDecoration dividerItemDecoration = new  DividerItemDecoration(this, DividerItemDecoration.VERTICAL);
        recyclerView.addItemDecoration(dividerItemDecoration);
        //设置适配器
        DataAdapter adapter = new DataAdapter(this,dataList);
        recyclerView.setAdapter(adapter);
    }
}

     
     
    
    

RecyclerView的实现是比较简单的,只需要三步:

1、设置布局管理器:

public void setLayoutManager(LayoutManager layout);

查看源码可知LayoutManager是一个抽象类,实现这个抽象类的有:

(1)LinearLayoutManager(线性布局管理器);

(2)GridLayoutManager(网格布局管理器);

(3)StaggeredGridLayoutManager(瀑布流式管理器);

2、RecyclerView的分割线需要自己添加,源码提供了一个方法来实现:

public void addItemDecoration(ItemDecoration decor);

沿着源码继续追溯,发现ItemDecoration是一个抽象类,那么我们就可以通过创建一个类继承它,从而实现自定义的分割线,下一篇再讲解。

当然,也有比较简单的方法就能完成我们的基本需求了。DividerItemDecoration就是提供给我们的已经继承了ItemDecoration的一个类。
/**
*DividerItemDecoration的构造方法
*@param context Current context
*@param orientation Divider orientation.
*/
public DividerItemDecoration(Context context, int orientation);
//根据构造方法创建对象
DividerItemDecoration dividerItemDecoration = new DividerItemDecoration(this, DividerItemDecoration.VERTICAL);
//添加分割线
recyclerView.addItemDecoration(dividerItemDecoration);

那么如果我想要别的风格的分割线呢?自定义分割线对于初学者来说确实是有难度的,那怎么办呢?我们可以修改默认的分割线风格,继续分析DividerItemDecoration这个类的源码:

 private static final int[] ATTRS = new int[]{ android.R.attr.listDivider };
 
 public DividerItemDecoration(Context context, int orientation) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
        setOrientation(orientation);
    }

因此我们可以自己定义一个drawable:divider_bg.xml

    
    

    
    
    
     
     
    
     
     

    
    

将定义好的drawable替换默认的分割线风格,stytles.xml:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="android:listDivider">@drawable/divider_bg</item>
</style>

当然对于分割线,有的人比较简单粗暴,直接就是设置item之间的边距,加上修饰的背景颜色也可以达到目的。


3、设置适配器

public void setAdapter(Adapter adapter);

那么我们需要创建一个适配器对象,追着源码看:

public static abstract class Adapter<VH extends ViewHolder> {}

显然,Adapter也是个抽象类,我们需要自己实现。
public class DataAdapter extends RecyclerView.Adapter
    
    
     
      {
    private Context mContext;
    private ArrayList
     
     
      
      dataList;
    private int[]data;
   public DataAdapter(Context mContext,ArrayList
      
      
       
       dataList){
        this.mContext = mContext;
        this.dataList = dataList;
    }
    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
       MyViewHolder holder = new MyViewHolder(LayoutInflater.from(mContext).inflate(R.layout.item_recycler_view,parent,false));
        //MyViewHolder holder = new MyViewHolder(LayoutInflater.from(mContext).inflate(R.layout.item_stagger_grid_recycler_view,parent,false));
        return holder;
    }


    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
       holder.tv.setText(dataList.get(position));
       //holder.iv.setImageResource(data[position]);
    }


    @Override
    public int getItemCount() {
        return dataList.size();
    }
    class MyViewHolder extends RecyclerView.ViewHolder{
        public TextView tv;
        public ImageView iv;
        public MyViewHolder(View itemview){
            super(itemview);
            tv = (TextView) itemview.findViewById(R.id.tv);
            //iv = (ImageView) itemview.findViewById(R.id.iv);
        }
    }
}

      
      
     
     
    
    

总结:

RecyclerView结构层次清晰,高度解耦,轻松的就能实现了ListView和GridView的相关功能,但是item的点击事件需要自己实现。那么下一篇就分析RecyclerView如何实现点击事件。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值