RecyclerView mainMenu = findViewById(R.id.fragmentMain);
mainMenu.setLayoutManager(new GridLayoutManager(getActivity(),4));
mainMenu.setAdapter(new MainAdapter(getActivity(),items));
关于RecyclerView网上教程很多,讲得都很详细,但讲得太多初学者看来反而难以下手。如上是RecyclerView最基本的用法。
分析一下这三句代码。
第一句是获取RecyclerView的对象,其中R.id.fragmentMain对应的是RecyclerView控件,代码如下
...
<android.support.v7.widget.RecyclerView
android:id="@+id/fragmentMain"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</android.support.v7.widget.RecyclerView>
...
第二句是设置RecyclerView的布局类型,共有三种,除了上面使用的GridLayoutManager(网格),另外还有LinearLayoutManager(线性)和StaggeredGridLayoutManager(瀑布流)。其中的4指的是每行显示的元素数量(据需要自行调整)。
第三句是设置RecyclerView的适配器,其中MainAdapter是继承自RecyclerView.Adapter的自定义类,items是数据源。这个MainAdapter应该是使用过程中最复杂的地方。
class MainAdapter extends RecyclerView.Adapter<MainViewHolder> {
Context context;
List<MenuItem> list;
public MainAdapter(Context context, List<MenuItem> list) {
this.context = context;
this.list = list;
}
@NonNull
@Override
public MainViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
return new MainViewHolder(LayoutInflater.from(context).inflate(R.layout.main_menu_view, null));
}
@Override
public void onBindViewHolder(@NonNull MainViewHolder holder, final int position) {
MenuItem menuItem = list.get(position);
holder.icon.setImageResource(menuItem.getIcon());
holder.name.setText(menuItem.getName());
}
@Override
public int getItemCount() {
return list.size();
}
}
其实就是设置每个元素的布局文件onCreateViewHolder,为每个元素指定数据onBindViewHolder,设置获取元素数量的方法getItemCount。其中MainViewHolder也需要定义一下。
class MainViewHolder extends RecyclerView.ViewHolder {
ImageView icon;
TextView name;
public MainViewHolder(View itemView) {
super(itemView);
icon = itemView.findViewById(R.id.mainMenuIcon);
name = itemView.findViewById(R.id.mainMenuText);
}
}
至此,传入对应数据源,就可以运行了
int icons[] = {R.drawable.fly1,R.drawable.car,R.drawable.autombile1,R.drawable.cake,
R.drawable.food,R.drawable.watch,R.drawable.cp,R.drawable.phone};
String names[] = {"飞机","火车","汽车","糕点","快餐","手表","电脑","手机"};
List<MenuItem> items = new ArrayList<>();
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
...
for(int i = 0; i < icons.length; i++) {
items.add(new MenuItem(icons[i],names[i]));
}
...
}
运行效果如下