Android RecyclerView快速上手

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

運行效果以下