一、新增依賴

dependencies {
    compile 'com.android.support:recyclerview-v7:23.1.1'
  }

點選右上角Sync Now，此時如果不報紅，直接跳過下面步驟，可以開始編寫RecyclerView控制元件了。

但，如果點選了右上角的Sync Now，卻還是出現報紅不用怕

修改後

點選右上角Sync Now

二、定義本地資料來源Menu類，為RecyclerView提供資料來源。

package com.administrator.taolvyou.entity;

/**
 * 資料來源
 * Created by Administrator on 2018/5/8.
 */

public class Menu {
    public int icon;
    public String menuName;

    public Menu(int icon, String menuName) {
        this.icon = icon;
        this.menuName = menuName;
    }
}
 

三、定義DataUtil工具類，將資料來源轉換成集合形式儲存並返回該集合物件。

DataUtil.java

package com.administrator.taolvyou.util;


import com.administrator.taolvyou.entity.Menu;

import java.util.ArrayList;
import java.util.List;

/**
 * 資料來源
 * Created by Administrator on 2018/5/8.
 */
public class DataUtil {

        /**
        *  主選單
        * @param icons
        * @param names
        * @return
        */
        public static List<Menu> getMainMenus(int icons[],String names[]){//導包匯入我們剛才建立的實體類的包
            List<Menu> menus = new ArrayList<>();
            for(int i=0;i<icons.length;i++){
                Menu menu = new Menu(icons[i],names[i]);
                menus.add(menu);
            }
            return menus;
        }
}

 

四、在strings檔案中定義陣列資料

<resources>
    <string name="app_name">TaoLvYou</string>
    <string-array name="main_menu">
        <item>飛機票</item>
        <item>住酒店</item>
        <item>去旅遊</item>
        <item>周邊遊</item>
        <item>買門票</item>
        <item>火車票</item>
        <item>汽車票</item>
        <item>領里程</item>
    </string-array>
</resources>
 

五、在fragment_main中引入該RecyelerView控制元件

fragment.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
            <android.support.v7.widget.RecyclerView
                android:id="@+id/recycleview_main_menu"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
            </android.support.v7.widget.RecyclerView>
</RelativeLayout>

六、為資料與檢視之間定義介面卡MainMenuAdapter

MainMenuAdapter.java

package com.administrator.taolvyou.adapter;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import com.administrator.taolvyou.R;
import com.administrator.taolvyou.entity.Menu;

import java.util.List;

/**
 * Created by Administrator on 2018/5/8.
 */

public class MainMenuAdapter extends RecyclerView.Adapter<MainMenuAdapter.MainMenuViewHolder> {
    protected Context context;
    protected List<Menu> menus;

    class MainMenuViewHolder extends RecyclerView.ViewHolder{
        public ImageView mImgMenuIcon;
        public TextView mTxtMenuName;
        public MainMenuViewHolder(View itemView) {
            super(itemView);
            mImgMenuIcon=(ImageView) itemView.findViewById(R.id.img_menu_icon);
            mTxtMenuName=(TextView) itemView.findViewById(R.id.txt_menu_name);

        }
    }
    public MainMenuAdapter(Context context, List<Menu> menus){
        this.context=context;
        this.menus=menus;
    }
    @Override
    public MainMenuViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return new MainMenuViewHolder(LayoutInflater.from(context).inflate(R.layout.item_main_menu,null));//將佈局渲染成一個檢視的形式
    }

    @Override
    public void onBindViewHolder(MainMenuViewHolder holder, int position) {
        Menu menu=menus.get(position);//返還每一個選單的物件
        holder.mImgMenuIcon.setImageResource(menu.icon);
        holder.mTxtMenuName.setText(menu.menuName);
    }

    @Override
    public int getItemCount() {
        return null!=menus?menus.size():0;
    }
}

七、在主介面檢視中使用該佈局

MainFragment.java

package com.administrator.taolvyou.fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.administrator.taolvyou.R;
import com.administrator.taolvyou.adapter.MainMenuAdapter;
import com.administrator.taolvyou.util.DataUtil;

/**
 * 主介面檢視
 */
public class MainFragment extends Fragment{

    protected RecyclerView mRecyclerViewMenu;
    //選單圖示
    protected  int [] menuIons={R.mipmap.menu_airport,R.mipmap.menu_car
            ,R.mipmap.menu_course,R.mipmap.menu_hatol,
            R.mipmap.menu_nearby, R.mipmap.menu_ticket,
            R.mipmap.menu_train,R.mipmap.menu_trav};
    String[] menus;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_main,container,false);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        menus=this.getActivity().getResources().getStringArray(R.array.main_menu);//從string檔案中，將陣列資料拿出來
        mRecyclerViewMenu = (RecyclerView) getView().findViewById(R.id.recycleview_main_menu);
        //設定RecyclerView佈局的樣式
        mRecyclerViewMenu.setLayoutManager(new GridLayoutManager(getActivity(),4));//第一個引數是context物件，第二個引數是列數
        //另有線性佈局寫法可另行百度
         //選單
        MainMenuAdapter mainMenuAdapter = new MainMenuAdapter(getActivity(), DataUtil.getMainMenus(menuIons,menus));
        mRecyclerViewMenu.setAdapter(mainMenuAdapter);
    }
}

執行效果：

專案Demo下載：