Android RecyclerView快速上手

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]));
        }
        ...
    }

运行效果以下对象

相关文章
相关标签/搜索