使用之前
implementation 'com.android.support:recyclerview-v7:26.1.0'
添加v7的依赖,不然Recyclerview不给用
1、Xml布局
此处布局文件有两个,一个是整体的父布局文件,代码如下
<android.support.v7.widget.RecyclerView
android:id="@+id/main_recyclerview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
>
第二个就是子布局,比如我们要的效果是上面图片下面文字的样式,代码就是
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical">
<ImageView
android:id="@+id/recycler_img"
android:layout_width="48dp"
android:layout_height="48dp" />
<TextView
android:id="@+id/recycler_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
2、创建适配器继承RecyclerView.Adapter并实现方法
public class MainMenuIconAdapter extends Adapter<Holder>{
Context context;
List <ImgText>list;
//构造方法传入context以及数据
public MainMenuIconAdapter(Context context, List <ImgText>list){
this.context = context;
this.list = list;
}
//将子布局文件inflate传入Holder并作为返回值传到界面
//界面上有多少个就会调用多少次create方法
@Override
public Holder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = View.inflate(parent.getContext(), R.layout.main_menu_recyclerview,null);
Holder viewHolder = new Holder(view);
return viewHolder;
}
//给Holder绑定数据,此处操作为
// 1.给textview设置文本
//2.给imageview设置图片
@Override
public void onBindViewHolder(Holder holder, int position) {
holder.text.setText(list.get(position).getText());
holder.img.setImageResource(list.get(position).getImg());
}
//返回展示数量
@Override
public int getItemCount() {
return list.size();
}
}
//设置Holder内部属性
class Holder extends RecyclerView.ViewHolder{
ImageView img;
TextView text;
public Holder(View itemView) {
super(itemView);
img = itemView.findViewById(R.id.recycler_img);
text = itemView.findViewById(R.id.recycler_text);
}
}
3、实例化一个RecyclerView并且设置布局管理器LayoutManager和创建好的Adapter
RecyclerView recyclerView = getView().findViewById(R.id.main_recyclerview);
recyclerView.setLayoutManager(gridLayoutManager);
recyclerView.setAdapter(new MainMenuIconAdapter(getActivity(),list));
效果图