ListView添加头布局和脚布局，listview添加布局

ListView添加头布局和脚布局，listview添加布局

 ListView添加头布局和脚布局

之前学习喜马拉雅的时候做的一个小Demo，贴出来，供大家学习参考；

如果我们当前的页面有多个接口、多种布局的话，我们一般的选择无非就是1、多布局；2、各种复杂滑动布局外面套一层ScrollView（好low）；3、头布局脚布局。有的时候我们用多布局并不能很好的实现，所以头布局跟脚布局就是我们最好的选择了；学过了ListView的话原理很简单，没啥理解的东西，直接贴代码了：

效果图：

正文部分布局：

fragment_classify.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ListView
        android:id="@+id/teach_classify_listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:listSelector="#00000000"/>
</LinearLayout>

classify_item.xml

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

    <View
        android:id="@+id/teach_classify_item_divider"
        android:background="#f3fdeeee"
        android:layout_width="match_parent"
        android:layout_height="10dp"/>

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


        <RelativeLayout
            android:id="@+id/teach_classify_left"
            android:layout_width="0dp"
            android:background="@drawable/item_pressed"
            android:layout_height="match_parent"
            android:layout_marginLeft="15dp"
            android:layout_weight="1">

            <ImageView
                android:id="@+id/teach_classify_item_iamge01"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_centerVertical="true"
                android:src="@mipmap/ic_launcher" />

            <TextView
                android:id="@+id/teach_classify_item_text01"
                android:layout_width="match_parent"
                android:layout_height="45dp"
                android:layout_centerVertical="true"
                android:layout_marginLeft="60dp"
                android:gravity="center_vertical"
                android:text="@string/app_name" />

        </RelativeLayout>

        <View
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="#efe6e6" />

        <RelativeLayout
            android:id="@+id/teach_classify_right"
            android:layout_width="0dp"
            android:background="@drawable/item_pressed"
            android:layout_height="match_parent"
            android:layout_marginLeft="15dp"
            android:layout_weight="1">

            <ImageView
                android:id="@+id/teach_classify_item_iamge02"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_centerVertical="true"
                android:src="@mipmap/ic_launcher" />

            <TextView
                android:id="@+id/teach_classify_item_text02"
                android:layout_width="match_parent"
                android:layout_height="45dp"
                android:layout_centerVertical="true"
                android:layout_marginLeft="60dp"
                android:gravity="center_vertical"
                android:text="@string/app_name" />

        </RelativeLayout>
    </LinearLayout>

</LinearLayout>

头布局：

fragment_classify_header.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:id="@+id/teach_classify_lv_header"
        android:src="@mipmap/ic_launcher"
        android:layout_width="match_parent"
        android:layout_height="180dp" />
</LinearLayout>

脚布局：

fragment_classify_bottom.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"       android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:id="@+id/teach_classify_bottom"
        android:src="@mipmap/ic_launcher"
        android:layout_width="match_parent"
        android:layout_height="160dp" />
</LinearLayout> 

主页面：

public class ClassifyFragment extends BaseFragment implements ClassifyAdapter.OnClickItemListener{
    public static final String TAG = ClassifyFragment.class.getSimpleName();
    private ListView mListView;
    private ClassifyAdapter adapter;
    private ImageView mHeaderImage;
    private ImageView mBottomImage;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        layout = inflater.inflate(R.layout.fragment_classify, container, false);
        return layout;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        initView();
        setupView();
    }
    /**
     * Header的添加最好放在setAdapter之前，在Android4.4之前，Header添加必须放在设置Adapter之前
     */
    private void initView() {
        mListView = ((ListView) layout.findViewById(R.id.teach_classify_listview));
        //header
        View headerView = LayoutInflater.from(getActivity()).inflate(R.layout.fragment_classify_header,null);
        mHeaderImage = ((ImageView) headerView.findViewById(R.id.teach_classify_lv_header));
        //可以添加多个HeaderView
        mListView.addHeaderView(hea