用TabLayout实现商品排序界面，并实现线性/网格式布局切换

最新推荐文章于 2024-07-31 09:56:25 发布

kakayang2012

最新推荐文章于 2024-07-31 09:56:25 发布

阅读量2.1k

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/kakayang2012/article/details/51774402

版权

本文介绍了如何在Android应用中实现在商品列表界面通过TabLayout进行排序（默认、价格、销量），并使用RecyclerView配合TabLayout展示，同时展示了如何在列表和网格布局间切换的详细步骤，包括点击事件处理、TabLayout的初始化、数据加载和布局适配器的更新等。

摘要由CSDN通过智能技术生成

①在HotFragment的热门活动中加上点击事件，点击后进入排序界面

mAdatper.setOnCampaignClickListener(new HomeCatgoryAdapter.OnCampaignClickListener() {
    @Override
    public void onClick(View view, Campaign campaign) {
        Intent intent = new Intent(getActivity(), WareListActivity.class);
        intent.putExtra(Contants.COMPAINGAIN_ID,campaign.getId());
        startActivity(intent);
    }
});

②用TabLayout + RecyclerView 实现排序界面的页面布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/bg_color">

    <cniao5.com.cniao5shop.widget.CNiaoToolBar
        android:id="@id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        app:isShowSearchView="false"
        app:navigationIcon="@drawable/icon_back_32px"
        app:contentInsetEnd="56dp"
        app:title="商品列表">

    </cniao5.com.cniao5shop.widget.CNiaoToolBar>

    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="@style/customTabLayout"
        app:tabGravity="fill"
        app:tabMode="fixed"
        >

    </android.support.design.widget.TabLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:minHeight="30dp"
        android:gravity="center_vertical"