使用RecyclerView实现GridView和ListView混排的效果

　　　单位在做股票相关的app，美工切出一个图，是一个GridView和ListView混排的效果图，而且在滚动的时候，还要实现相关类别名有推动的效果，如下图：

　　　

　　　录制的效果不是很好，因为csdn只能上传２Ｍ，所以点击的效果没有实现。下面会下载的地址。可以下载看一下。现在说一下实现的思路。个人感觉不是很好，只是为了完成功能，如果你有更好的思路或是方法，希望能告诉我。

　　　１，RecyclerView虽然很灵活，可是也没有GridView与listView混排的功能。

　　　２，GridLayoutManager有一个方法setSpanSizeLookup，可以设置GridView中每项的所占的比例。

　　　３，类别项，GridView项，ListView项的布局都不一样，这个我们只能设计viewType来处理。

　　　４，根据设计思路类别项，GridView项，ListView项点击是会跳转到不同的页面的。

　　　好了，根据这个思路和步骤我们开始我们的代码吧。

　　　activity_main.xml,主布局，这个没什么可说的，就是一个RecyclerView控件，外加一个用来显示类别的布局。

　　　

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.cg.pinnedsectionrecyclerview.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recy_pinned"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <LinearLayout
        android:id="@+id/title_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#ff6688">

        <TextView
            android:id="@+id/txt_Title"
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:gravity="center_vertical"
            android:text="行业版块"/>

    </LinearLayout>
</RelativeLayout>

　　　下面我们设置一下，三种项的布局，类别项，GridView项，ListView项

　　　activity_pinned_titleitem.xml　　类别项

　　　

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linear_t"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#ff6688">

    <TextView
        android:id="@+id/txt_pTitle"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:gravity="center_vertical"/>

</LinearLayout>

　　　activity_pinned_griditem.xml　　GridView项

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linear_g"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:gravity="center"
    android:paddingTop="5dp"
    android:paddingBottom="5dp">
    <TextView
        android:id="@+id/txt_pGName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="股名"
        android:textSize="16dp"
        android:gravity="center"/>
    <TextView
        android:id="@+id/txt_pGValue1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="+4.12%"
        android:textSize="14dp"
        android:textColor="#ff4433"
        android:gravity="center"/>
    <TextView
        android:id="@+id/txt_pGValue2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="好名字　+4.12%"
        android:textSize="12dp"
        android:textColor="#ff4433"
        android:gravity="center"/>
</LinearLayout>

activity_pinned_listitem.xml　　listView项布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/rela_l"
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:orientation="horizontal"
    android:gravity="center_vertical">
    <TextView
        android:id="@+id/txt_pLName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="股名"
        android:textSize="16dp"
        android:layout_marginLeft="5dp"/>
    <TextView
        android:id="@+id/txt_pLValue2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"