尚硅谷Android项目之_硅谷商城项目全套源码解析(四、分类)

一、简介

承接上文：尚硅谷Android项目之_硅谷商城项目全套源码解析(三、首页) 

上篇博客概括的介绍了硅谷商城项目的首页技术要点。本篇内容给大家讲解硅谷商城项目分类，分类页面用的技术包括：采用FlycoTabLayout实现标签和分类切换、布局采用百分比适配、整体数据展示采用仿京东的分类页面、热卖类型布局横向滚动采用HorizontalScrollView。

 二、详细资源地址

由于篇幅所限，详情情况见如下地址视频和笔记

项目免费视频讲解下载地址：http://www.atguigu.com/download.shtml

github地址：https://github.com/atguigu01/Shopping

作者：大海哥

三、效果展示

四、技术详解

1、采用FlycoTabLayout实现标签和分类切换

详细事情情况参考https://github.com/H07000223/FlycoTabLayout；

2、布局采用百分比适配

1）导包

compile'com.android.support:percent:23.3.0'

2）布局文件：

<android.support.percent.PercentRelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".type.fragment.ListFragment">

    <ListView
        android:id="@+id/lv_left"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:background="#11000000"
        android:scrollbars="none"
        app:layout_widthPercent="22%"/>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_right"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_toRightOf="@id/lv_left"
        app:layout_widthPercent="78%"/>
android.support.percent.PercentRelativeLayout>

3、 热卖类型布局横向滚动采用HorizontalScrollView

 <HorizontalScrollView
        android:scrollbars="none"
        android:id="@+id/hsl_hot_right"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:id="@+id/ll_hot_right"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"/>

    HorizontalScrollView>
4、整体数据展示采用仿京东的分类页面

左侧分类商品采用listview，右侧商品展示采用分类型recyclerview显示商品。