阅读目录

回到顶部

1. 分类页面结构解析和开发

【说明】底部的是一个大的容器fragment，左边的是一个fragment，右边是一个fragment；

【说明】分类的界面的内容分为两类，左边的是list，右边是与list对应的详情页面；因此，在文件夹分类的时候也是：content详情页面；list：分类页面；

回到顶部

1.1 布局的创建

【源码】layout/delegate_sort.xml

 

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.LinearLayoutCompat xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="@android:color/holo_orange_dark"
        android:gravity="center">

        <android.support.v7.widget.AppCompatTextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:paddingTop="6dp"
            android:text="分类"
            android:textColor="@android:color/white"
            android:textSize="20sp" />

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

    <android.support.v7.widget.LinearLayoutCompat
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/app_background"
        android:baselineAligned="true"
        android:orientation="horizontal">

        <android.support.v7.widget.ContentFrameLayout
            android:id="@+id/vertical_list_container"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1" />

        <android.support.v7.widget.ContentFrameLayout
            android:id="@+id/sort_content_container"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_weight="2.5" />

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

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

回到顶部

1.2 布局的逻辑组合

【说明】将逻辑写在onLazyInitView中，加载的时机是在点击分类按钮之后才会加载；

如果写在onCreateView中，则会打开APP的时候就会加载；

【左侧列表】

【内容详情页】

回到顶部

2. 分类左侧列表数据解析与UI呈现

【说明】将整个data取出，然后分门别类的将其解析成为一个个的bean数据；

回到顶部

2.1 数据的转换

【增加分类的类别】

回到顶部

2.2【完善list列表逻辑】

【数据适配器】

【list的布局】

【点击事件的添加】

回到顶部

3.多布局Section列表实现与分类列表点击事件

【contentfragment】

【初始化数据的框架】

【bean的书写】一个id下的内容组成了一个bean；

[单个item的bean]

[id对应的一个contentSection详情数据]

【数据请求】

【适配器的设置】

【完善adapter】

【适配器的使用】