步骤:
1.在一个相对布局里面放一个RecyclerView,需要注意的是RecyclerView是单独存在于V7包中的,所以使用的时候需要单独导包
2.在主函数中初始化RecyclerView,给它设置Adapter.
重点:其实RecyclerView与ListView相比的话,更重要的是它的复用性,所以在适配器这块的逻辑是不同的.
RecyclerView的Adapter:通过最下面的Adapter代码观察就会发现,其实它们的代码结构大同小异,而如果要改变 RecyclerView的结构的话只需要修改一点点代码就可以了.比如:
需要线性布局的话使用LinearLayoutManager
需要九宫格布局的话就使用GridLayoutManager
需要瀑布流布局的话就使用StaggeredGridLayoutManager
另外:下面有对RecyclerView的Adapter中的方法做出注释
大体代码如下:
recyclerView = (RecyclerView) findViewById(R.id.recycler);
//通常情况下这第二步是以下三种情况,选择需要的类型
private View initListView(boolean isVer) { toolbar.setSubtitle(isVer ?"LinearLayoutManager Vertical":"LinearLayoutManager Horizontal"); LinearLayoutManager layoutManager = new LinearLayoutManager(this); layoutManager.setOrientation(isVer ? LinearLayoutManager.VERTICAL : LinearLayoutManager.HORIZONTAL); recyclerView.setLayoutManager(layoutManager); recyclerView.setAdapter(new ListAdapter(this,isVer)); // recyclerView.setHasFixedSize(true); recyclerView.setBackgroundColor(Color.WHITE); return recyclerView; } private View initGridView(boolean isVer) { toolbar.setSubtitle(isVer ?"GridLayoutManager Vertical":"GridLayoutManager Horizontal"); GridLayoutManager layoutManager = new GridLayoutManager(this,isVer ?3:4); layoutManager.setOrientation(isVer ? LinearLayoutManager.VERTICAL : LinearLayoutManager.HORIZONTAL); recyclerView.setLayoutManager(layoutManager); recyclerView.setHasFixedSize(true); recyclerView.setAdapter(new GridAdapter(this,isVer)); return recyclerView; } private View initStaggeredGridView(boolean isVer) { toolbar.setSubtitle(isVer ?"StaggeredGridLayoutManager Vertical":"StaggeredGridLayoutManager Horizontal"); StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(2,isVer ? LinearLayoutManager.VERTICAL : LinearLayoutManager.HORIZONTAL); recyclerView.setLayoutManager(layoutManager); recyclerView.setAdapter(new StaggeredGridAdapter(this,isVer)); return recyclerView; }
//这里我贴出它的三种Adapter代码,可以做个比较
recyclerView.setAdapter(你想要的类型的适配器);
ListAdapter :
package com.xxx.androidl.widget; import android.content.Context; import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.TextView; import com.itheima.androidl.R; //继承RecyclerView自带的Adapter public class ListAdapter extends RecyclerView.Adapter<ListAdapter.ListHolder> { int icons[] = {R.drawable.vector_icon_cloud, R.drawable.vector_icon_movie, R.drawable.vector_icon_laptop, R.drawable.vector_icon_loop, R.drawable.vector_icon_menu, R.drawable.vector_icon_mood, R.drawable.vector_icon_palette, R.drawable.vector_icon_search, R.drawable.vector_icon_time, R.drawable.vector_icon_work}; String names[] = {"Cloud", "Movie", "Laptop", "Loop", "Menu", "Mood", "Palette", "Search", "Time", "Work"}; Context context; boolean flag; public ListAdapter(Context context, boolean flag) { this.context = context; this.flag = flag; } @Override public ListHolder onCreateViewHolder(ViewGroup parent, int viewType) { //创建新的ViewHolder View view = LayoutInflater.from(context).inflate(flag ? R.layout.list_item : R.layout.list_item_h, parent, false); return new ListHolder(view); }
//给ViewHolder进行数据的绑定 @Override public void onBindViewHolder(ListHolder holder, int position) { holder.setData(position); } //设置item的数量 @Override public int getItemCount() { return 1000; } class ListHolder extends RecyclerView.ViewHolder { ImageView icon; TextView name; TextView subName; public ListHolder(View itemView) { super(itemView);
//初始化ViewHolder icon = (ImageView) itemView.findViewById(R.id.icon); name = (TextView) itemView.findViewById(R.id.name); subName = (TextView) itemView.findViewById(R.id.subname); } public void setData(int position) { icon.setImageDrawable(context.getResources().getDrawable(icons[position % 10])); name.setText(names[position % 10]); subName.setText("This is position " + position); } } }
GridAdapter
package com.xxx.androidl.widget; import android.content.Context; import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.TextView; import com.itheima.androidl.R; public class GridAdapter extends RecyclerView.Adapter<GridAdapter.ListHolder>{ int icons[] = {R.drawable.g1,R.drawable.g2,R.drawable.g3,R.drawable.g4,R.drawable.g5,R.drawable.g6,R.drawable.g7,R.drawable.g9, R.drawable.g10,R.drawable.g11,R.drawable.g12,R.drawable.g13,R.drawable.g14,R.drawable.g15,R.drawable.g16,R.drawable.g17,R.drawable.g18,R.drawable.g19, R.drawable.g20,R.drawable.g21,R.drawable.g22,R.drawable.g23,R.drawable.g24,R.drawable.g25,R.drawable.g26,R.drawable.g27,R.drawable.g28,R.drawable.g29,}; String names[] = {"浏览器","输入法","健康","效率","教育","理财","阅读","个性化","购物","资讯","生活","工具","出行","通讯","拍照","社交","影音","安全","休闲","棋牌","益智","射击","体育","儿童","网游","角色","策略","经营","竞速"}; Context context; boolean flag; public GridAdapter(Context context, boolean flag){ this.context = context; this.flag = flag; } @Override public ListHolder onCreateViewHolder(ViewGroup parent, int viewType) { View view = LayoutInflater.from(context).inflate(R.layout.grid_item, parent, false); return new ListHolder(view); } @Override public void onBindViewHolder(ListHolder holder, int position) { holder.setData(position); } @Override public int getItemCount() { return 1000; } class ListHolder extends RecyclerView.ViewHolder { ImageView icon; TextView name; public ListHolder(View itemView) { super(itemView); icon = (ImageView) itemView.findViewById(R.id.pic); name = (TextView) itemView.findViewById(R.id.name); } public void setData(int position){ icon.setImageDrawable(context.getResources().getDrawable(icons[position % icons.length])); name.setText(names[position % names.length]); } } }
StaggeredGridAdapter
package com.xxx.androidl.widget; import android.content.Context; import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.TextView; import com.itheima.androidl.R; public class StaggeredGridAdapter extends RecyclerView.Adapter<StaggeredGridAdapter.ListHolder>{ Context context; boolean flag; int iconsV[] = {R.drawable.p1,R.drawable.p2,R.drawable.p3,R.drawable.p4,R.drawable.p5,R.drawable.p6,R.drawable.p7,R.drawable.p9, R.drawable.p10,R.drawable.p11,R.drawable.p12,R.drawable.p13,R.drawable.p14,R.drawable.p15,R.drawable.p16,R.drawable.p17,R.drawable.p18,R.drawable.p19, R.drawable.p20,R.drawable.p21,R.drawable.p22,R.drawable.p23,R.drawable.p24,R.drawable.p25,R.drawable.p26,R.drawable.p27,R.drawable.p28,R.drawable.p29, R.drawable.p30,R.drawable.p31,R.drawable.p32,R.drawable.p33,R.drawable.p34,R.drawable.p35,R.drawable.p36,R.drawable.p37,R.drawable.p38,R.drawable.p39, R.drawable.p40,R.drawable.p41,R.drawable.p42,R.drawable.p43,R.drawable.p44}; int iconsH[] = {R.drawable.h1,R.drawable.h2,R.drawable.h3,R.drawable.h4,R.drawable.h5,R.drawable.h6,R.drawable.h7,R.drawable.h9, R.drawable.h10,R.drawable.h11,R.drawable.h12,R.drawable.h13,R.drawable.h14,R.drawable.h15,R.drawable.h16,R.drawable.h17,R.drawable.h18,R.drawable.h19, R.drawable.h20,R.drawable.h21,R.drawable.h22,R.drawable.h23,R.drawable.h24,R.drawable.h25,R.drawable.h26,R.drawable.h27,R.drawable.h28,R.drawable.h29, R.drawable.h30,R.drawable.h31,R.drawable.h32,R.drawable.h33,R.drawable.h34,R.drawable.h35,R.drawable.h36,R.drawable.h37,R.drawable.h38,R.drawable.h39, R.drawable.h40,R.drawable.h41,R.drawable.h42,R.drawable.h43,R.drawable.h44}; public StaggeredGridAdapter(Context context, boolean flag){ this.context = context; this.flag = flag; } @Override public ListHolder onCreateViewHolder(ViewGroup parent, int viewType) { View view = LayoutInflater.from(context).inflate(flag ? R.layout.staggered_grid_item : R.layout.staggered_grid_item_h, parent, false); return new ListHolder(view); } @Override public void onBindViewHolder(ListHolder holder, int position) { holder.setData(position); } @Override public int getItemCount() { return 1000; } class ListHolder extends RecyclerView.ViewHolder { ImageView icon; TextView name; public ListHolder(View itemView) { super(itemView); icon = (ImageView) itemView.findViewById(R.id.pic); name = (TextView) itemView.findViewById(R.id.name); } public void setData(int position){ if (flag) { icon.setImageResource(iconsV[position % iconsV.length]); } else { icon.setImageResource(iconsH[position % iconsH.length]); } name.setText("This is position "+ position); } } }
