的Android GridView和自定義首部

Question

我struggeling實施以下GUI：

對於紅線下方的9個元素（線下一切都應該是可滾動）我用一個gridview佈局這是工作如所預期的那樣。但實際上我不知道如何製作標題。

我到目前爲止的xml：

<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" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    android:background = "@drawable/t" 
    tools:context=".AppStarter" > 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:gravity="center"> 
    <GridView 
     android:id="@+id/gridview" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:numColumns="3" 
     android:verticalSpacing="10dp" 
     android:horizontalSpacing="10dp" 
     android:stretchMode="columnWidth" 
     android:gravity="center" 
     android:layout_marginLeft="2sp" 
     android:layout_marginRight="5sp" 
     android:layout_marginTop="0sp" /> 
</LinearLayout> 
</RelativeLayout> 

我的想法是在GridView控件添加一個額外的LinearLayout，但這種做法並沒有達到預期的效果。任何想法如何我可以實現這個頭？

在此先感謝！

Answer 1

您可以使用水平的LinearLayout頁眉和使用父的RelativeLayout到GridView位置下方：

<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" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    android:background = "@drawable/t" 
    tools:context=".AppStarter" > 

    <!-- Header section --> 
    <LinearLayout 
     android:id="@+id/headerlayout" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" > 

      <!-- Example header content --> 
      <FrameLayout 
       android:id="@+id/frame1" 
       android:layout_width="wrap_content" 
       android:layout_height="match_parent" /> 

      <FrameLayout 
       android:id="@+id/frame2" 
       android:layout_width="wrap_content" 
       android:layout_height="match_parent" /> 

    </LinearLayout> 

    <!-- GridView section --> 
    <GridView 
     android:id="@+id/gridview" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/headerlayout" <!-- This line sets relative position of GridView --> 
     android:numColumns="3" 
     android:verticalSpacing="10dp" 
     android:horizontalSpacing="10dp" 
     android:stretchMode="columnWidth" 
     android:gravity="center" 
     android:layout_marginLeft="2sp" 
     android:layout_marginRight="5sp" 
     android:layout_marginTop="0sp" /> 
</RelativeLayout> 

Answer 2

你可以試試我自己的實現。經過多次嘗試，我決定寫我自己的代碼！

https://github.com/munix/GridViewHeader