RecyclerView mainMenu = findViewById(R.id.fragmentMain); mainMenu.setLayoutManager(new GridLayoutManager(getActivity(),4)); mainMenu.setAdapter(new MainAdapter(getActivity(),items));
关于RecyclerView网上教程不少,讲得都很详细,但讲得太多初学者看来反而难如下手。如上是RecyclerView最基本的用法。java
分析一下这三句代码。android
第一句是获取RecyclerView的对象,其中R.id.fragmentMain对应的是RecyclerView控件,代码以下ide
... <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应该是使用过程当中最复杂的地方。this
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也须要定义一下。code
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); } }
至此,传入对应数据源,就能够运行了xml
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])); } ... }
运行效果以下对象