本項(xiàng)目來(lái)自菜鳥(niǎo)窩，有興趣者點(diǎn)擊http://www.cniao5.com/course/

項(xiàng)目已經(jīng)做完管闷，
https://github.com/15829238397/CN5E-shop

仿京東商城系列0------項(xiàng)目簡(jiǎn)介
仿京東商城系列1------fragmentTabHost實(shí)現(xiàn)底部導(dǎo)航欄
仿京東商城系列2------自定義toolbar
仿京東商城系列3------封裝Okhttp
仿京東商城系列4------輪播廣告條
仿京東商城系列5------商品推薦欄
仿京東商城系列6------下拉刷新上拉加載的商品列表
仿京東商城系列7------商品分類(lèi)頁(yè)面
仿京東商城系列8------自定義的數(shù)量控制器
仿京東商城系列9------購(gòu)物車(chē)數(shù)據(jù)存儲(chǔ)器實(shí)現(xiàn)
仿京東商城系列10------添加購(gòu)物車(chē)粥脚，管理購(gòu)物車(chē)功能實(shí)現(xiàn)
仿京東商城系列11------商品排序功能以及布局切換實(shí)現(xiàn)（Tablayout）
仿京東商城系列12------商品詳細(xì)信息展示（nativie與html交互）
仿京東商城系列13------商品分享（shareSDK）
仿京東商城系列14------用戶(hù)登錄以及app登錄攔截
仿京東長(zhǎng)城系列15------用戶(hù)注冊(cè)，SMSSDK集成
仿京東商城系列16------支付SDK集成
仿京東商城系列17------支付功能實(shí)現(xiàn)
仿京東商城系列18------xml文件讀劝觥（地址選擇器）
仿京東商城系列19------九宮格訂單展示
仿京東商城系列20------終章

前言

本文我們將一起實(shí)現(xiàn)一個(gè)仿京東商品分類(lèi)頁(yè)面刷允。廢話(huà)不說(shuō)，上圖：

商品分類(lèi).gif

內(nèi)容

• 商品分類(lèi)展示頁(yè)面涉及到的技術(shù)有Okhttp , Fresco加載機(jī)制碧囊，MaterialRefreshLayout + recyclerview下拉加載控件树灶。關(guān)于上述控件的說(shuō)明在之前就已經(jīng)有所說(shuō)明。在此不做介紹糯而。

• 關(guān)于頁(yè)面的布局如下：

<?xml version="1.0" encoding="utf-8"?>
<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">

    <com.example.cne_shop.widget.CnToolbar
        android:id="@+id/toolBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="?attr/actionBarSize"
        android:minWidth="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:title="@string/tab_assort"
        android:titleTextColor="@color/white"
        app:isShowSearchView="false"

        ></com.example.cne_shop.widget.CnToolbar>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >

        <android.support.v7.widget.RecyclerView
            android:layout_width="@dimen/classify_layout_width"
            android:layout_height="match_parent"
            android:id="@+id/ass_first_recyclerview"
            android:background="@color/white">

        </android.support.v7.widget.RecyclerView>

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            >

            <com.daimajia.slider.library.SliderLayout
                android:layout_width="match_parent"
                android:layout_height="@dimen/classify_Slider_height"
                android:id="@+id/slidLayout">

            </com.daimajia.slider.library.SliderLayout>

            <com.cjj.MaterialRefreshLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:id="@+id/materialRefreshLayout">

                <android.support.v7.widget.RecyclerView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:id="@+id/ass_show_recyclerview">

                </android.support.v7.widget.RecyclerView>

            </com.cjj.MaterialRefreshLayout>

        </LinearLayout>

    </LinearLayout>

</LinearLayout>

布局使用了一個(gè)slider輪播天通，控件，兩個(gè)ReciclerView控件歧蒋，其中一個(gè)被MaterialRefreshLayout包裹土砂，具有上拉加載功能州既。
功能的具體實(shí)現(xiàn)在此不做說(shuō)明，有興趣者請(qǐng)看文章開(kāi)頭源碼萝映。