RecyclerView分組之跨列分組

需求

需求分析:

如上圖所示藕筋,這是一個(gè)展示年級(jí)及學(xué)期的界面燥狰。年級(jí)分為三組高中揣云、初中和小學(xué)笙僚。因?qū)W期太多若按一個(gè)一個(gè)控件的寫既繁瑣又不夠優(yōu)雅,所以我采用 RecyclerView配合分組來實(shí)現(xiàn)效果灵再。
注意:我這邊是使用一個(gè) RecyclerView和一個(gè) List<Bean>肋层,然后Adapter使用getItemViewType將填充視圖分為標(biāo)題和內(nèi)容兩個(gè) ItemView,通過Bean中的 type 來決定加載哪個(gè)視圖翎迁。
因?yàn)槭侨械牧斜矶安栽诓迦?item 時(shí),標(biāo)題 item 會(huì)和內(nèi)容 item 在同一行汪榔,顧在插入標(biāo)題 item 的時(shí)候讓它跨三列即可獨(dú)占一行蒲拉,具體實(shí)現(xiàn)如下。

實(shí)現(xiàn)過程:

xml相關(guān)文件

<layout
    xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="gradeBean"
            type="cn.toctec.wrongbook.grade.bean.GradeBean" />
    </data>
    <TextView
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:text="@{gradeBean.gradeName}"
        android:textSize="12dp"
        android:textColor="@color/color888888">

    </TextView>
</layout>

標(biāo)題 item.xml

<layout
    xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="gradeBean"
            type="cn.toctec.wrongbook.grade.bean.GradeBean" />
    </data>
    <com.nanbox.ripplelayout.RippleLayout
        android:layout_width="match_parent"
        android:layout_height="35dp"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:background="@drawable/bg_grade_gray_fillet">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:text="@{gradeBean.gradeName}"
                android:textColor="@color/color333333"
                android:textSize="12dp"/>

        </RelativeLayout>

    </com.nanbox.ripplelayout.RippleLayout>

</layout>

內(nèi)容 item.xml

<layout
    xmlns:android="http://schemas.android.com/apk/res/android">

    <RelativeLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/white">

        <ImageView
            android:onClick="onBack"
            android:layout_width="18dp"
            android:layout_height="18dp"
            android:layout_marginTop="45dp"
            android:layout_marginLeft="15dp"
            android:background="@mipmap/ic_back"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:includeFontPadding="false"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="43dp"
            android:text="@string/grade"
            android:textColor="@color/color333333"
            android:textSize="18dp"/>

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/gradeRv"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="94dp"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"/>

    </RelativeLayout>
</layout>

activity.xml

bean

public class GradeBean {

    private int gradeId;
    private String gradeName;
    private boolean gradeType;

    public GradeBean() {
    }

    public GradeBean(int gradeId, String gradeName, boolean gradeType) {
        this.gradeId = gradeId;
        this.gradeName = gradeName;
        this.gradeType = gradeType;
    }

    public int getGradeId() {
        return gradeId;
    }

    public void setGradeId(int gradeId) {
        this.gradeId = gradeId;
    }

    public String getGradeName() {
        return gradeName;
    }

    public void setGradeName(String gradeName) {
        this.gradeName = gradeName;
    }

    public boolean isGradeType() {
        return gradeType;
    }

    public void setGradeType(boolean gradeType) {
        this.gradeType = gradeType;
    }

    @Override
    public String toString() {
        return "GradeBean{" +
                "gradeId=" + gradeId +
                ", gradeName='" + gradeName + '\'' +
                ", gradeType=" + gradeType +
                '}';
    }
}

adapter

public class GradeAdapter extends RecyclerView.Adapter<BindingViewHolder> {

    private LayoutInflater layoutInflater;
    private List<GradeBean> beanList;
    private OnItemClickListener listener;


    public GradeAdapter(Context context) {
        layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        beanList = new ArrayList<>();
    }

    public interface OnItemClickListener {
        void onItemClick(GradeBean gradeBean);
    }

    public void setOnItemClickListener(OnItemClickListener listener) {
        this.listener = listener;
    }
    /**
     * item 分類
     */
    public enum ItemType {
        LEVEL,  //年級(jí)級(jí)別
        GRADE   //年級(jí)
    }

    /**
     * 設(shè)置每個(gè) item 類型
     * @param position
     * @return
     */
    @Override
    public int getItemViewType(int position) {
        final GradeBean bean = beanList.get(position);
        if (bean.isGradeType()) {
            return ItemType.LEVEL.ordinal();    //級(jí)別
        }else {
            return ItemType.GRADE.ordinal();    //年級(jí)
        }
    }

    @NonNull
    @Override
    public BindingViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        ViewDataBinding binding;
        if (viewType == ItemType.LEVEL.ordinal()) {
            binding = DataBindingUtil.inflate(layoutInflater, R.layout.item_level, parent, false);
        }else {
            binding = DataBindingUtil.inflate(layoutInflater, R.layout.item_grade_number, parent, false);
        }
        return new BindingViewHolder(binding);
    }

    @Override
    public void onBindViewHolder(@NonNull BindingViewHolder holder, int position) {
        final GradeBean bean = beanList.get(position);
        holder.getBinding().setVariable(BR.gradeBean, bean);
        holder.getBinding().executePendingBindings();

        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (listener != null) {
                    listener.onItemClick(bean);
                }
            }
        });
    }

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

    public void addAll(List<GradeBean> beans) {
        beanList.clear();
        beanList.addAll(beans);
        notifyDataSetChanged();
    }
}

activity

public class GradeActivity extends BaseActivity {

    ActivityGradeBinding binding;
    private List<GradeBean> gradeBeanList;
    private GradeAdapter adapter;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding = DataBindingUtil.setContentView(this, R.layout.activity_grade);

        gradeBeanList = new ArrayList<>();
        gradeBeanList.add(new GradeBean(1, "小學(xué)", true));
        gradeBeanList.add(new GradeBean(2, "一年級(jí) 上", false));
        gradeBeanList.add(new GradeBean(3, "一年級(jí) 下", false));

        gradeBeanList.add(new GradeBean(4, "二年級(jí) 上", false));
        gradeBeanList.add(new GradeBean(5, "二年級(jí) 下", false));

        gradeBeanList.add(new GradeBean(6, "三年級(jí) 上", false));
        gradeBeanList.add(new GradeBean(7, "三年級(jí) 下", false));

        gradeBeanList.add(new GradeBean(8, "四年級(jí) 上", false));
        gradeBeanList.add(new GradeBean(9, "四年級(jí) 下", false));

        gradeBeanList.add(new GradeBean(10, "五年級(jí) 上", false));
        gradeBeanList.add(new GradeBean(11, "五年級(jí) 下", false));

        gradeBeanList.add(new GradeBean(12, "六年級(jí) 上", false));
        gradeBeanList.add(new GradeBean(13, "六年級(jí) 下", false));

        gradeBeanList.add(new GradeBean(14, "初中", true));
        gradeBeanList.add(new GradeBean(15, "七年級(jí) 上", false));
        gradeBeanList.add(new GradeBean(16, "七年級(jí) 下", false));

        gradeBeanList.add(new GradeBean(17, "八年級(jí) 上", false));
        gradeBeanList.add(new GradeBean(18, "八年級(jí) 下", false));

        gradeBeanList.add(new GradeBean(19, "九年級(jí) 上", false));
        gradeBeanList.add(new GradeBean(20, "九年級(jí) 下", false));

        gradeBeanList.add(new GradeBean(21, "高中", true));
        gradeBeanList.add(new GradeBean(22, "高一 上", false));
        gradeBeanList.add(new GradeBean(23, "高一 下", false));

        gradeBeanList.add(new GradeBean(24, "高二 上", false));
        gradeBeanList.add(new GradeBean(25, "高二 下", false));

        gradeBeanList.add(new GradeBean(26, "高三 上", false));
        gradeBeanList.add(new GradeBean(27, "高三 下", false));

        GridLayoutManager gridLayoutManager = new GridLayoutManager(GradeActivity.this, 3, GridLayoutManager.VERTICAL, false);
        gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
                if (gradeBeanList.get(position).isGradeType()) {
                    return 3;   //如果是標(biāo)題 item 則跨三列
                } else {
                    return 1;   //如果是內(nèi)容 item 則不夸咧
                }

            }
        });
        gridLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        binding.gradeRv.setLayoutManager(gridLayoutManager);
        adapter = new GradeAdapter(GradeActivity.this);
        adapter.addAll(gradeBeanList);
        binding.gradeRv.setAdapter(adapter);

        adapter.setOnItemClickListener(new GradeAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(GradeBean gradeBean) {
                Log.e("onItemClick", "onItemClick: " + gradeBean.getGradeName());
            }
        });

    }
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末痴腌,一起剝皮案震驚了整個(gè)濱河市雌团,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌士聪,老刑警劉巖锦援,帶你破解...
    沈念sama閱讀 222,681評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異剥悟,居然都是意外死亡灵寺,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門区岗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來略板,“玉大人,你說我怎么就攤上這事慈缔《3疲” “怎么了?”我有些...
    開封第一講書人閱讀 169,421評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵藐鹤,是天一觀的道長瓤檐。 經(jīng)常有香客問我,道長教藻,這世上最難降的妖魔是什么距帅? 我笑而不...
    開封第一講書人閱讀 60,114評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮括堤,結(jié)果婚禮上碌秸,老公的妹妹穿的比我還像新娘绍移。我一直安慰自己,他們只是感情好讥电,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評(píng)論 6 398
  • 文/花漫 我一把揭開白布蹂窖。 她就那樣靜靜地躺著,像睡著了一般恩敌。 火紅的嫁衣襯著肌膚如雪瞬测。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,713評(píng)論 1 312
  • 那天纠炮,我揣著相機(jī)與錄音月趟,去河邊找鬼。 笑死恢口,一個(gè)胖子當(dāng)著我的面吹牛孝宗,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播耕肩,決...
    沈念sama閱讀 41,170評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼因妇,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了猿诸?” 一聲冷哼從身側(cè)響起婚被,我...
    開封第一講書人閱讀 40,116評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎梳虽,沒想到半個(gè)月后址芯,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,651評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡怖辆,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評(píng)論 3 342
  • 正文 我和宋清朗相戀三年是复,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了删顶。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片竖螃。...
    茶點(diǎn)故事閱讀 40,865評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖逗余,靈堂內(nèi)的尸體忽然破棺而出特咆,到底是詐尸還是另有隱情,我是刑警寧澤录粱,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布腻格,位于F島的核電站,受9級(jí)特大地震影響啥繁,放射性物質(zhì)發(fā)生泄漏菜职。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評(píng)論 3 336
  • 文/蒙蒙 一旗闽、第九天 我趴在偏房一處隱蔽的房頂上張望酬核。 院中可真熱鬧蜜另,春花似錦、人聲如沸嫡意。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蔬螟。三九已至此迅,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間旧巾,已是汗流浹背耸序。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評(píng)論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留鲁猩,地道東北人佑吝。 一個(gè)月前我還...
    沈念sama閱讀 49,299評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像绳匀,于是被迫代替她去往敵國和親芋忿。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 這篇文章分三個(gè)部分疾棵,簡單跟大家講一下 RecyclerView 的常用方法與奇葩用法戈钢;工作原理與ListView比...
    LucasAdam閱讀 4,397評(píng)論 0 27
  • View 自定義View中在onDraw()方法中可以設(shè)置padding嗎?答案是不能是尔,設(shè)置padding后殉了,Vi...
    ElvenShi閱讀 1,857評(píng)論 0 0
  • 目錄 ? 1. RecyclerView與ListView的異同 ? 2. RecyclerView的使用...
    plus1s閱讀 1,217評(píng)論 0 10
  • 我要學(xué)會(huì)愛自己,讓自己變成一個(gè)充滿能力的人拟枚,我要做太陽薪铜,將陽光照耀別人。愛自己才能愛身邊的所以人恩溅。 星期一隔箍,今天很...
    Phoebe_chen閱讀 359評(píng)論 0 0
  • “理性人”假設(shè)長期以來一直是經(jīng)濟(jì)學(xué)理論的基礎(chǔ)蜒滩,依靠這一基礎(chǔ),再利用大量的數(shù)學(xué)推理以及數(shù)學(xué)模型構(gòu)建起完美的經(jīng)濟(jì)學(xué)理論...
    船長剛哥閱讀 1,716評(píng)論 1 4