热门的Google+个人资料列表视图布局?

时间:2013-06-19 16:45:52

标签: android listview layout tabs google-plus

我有一项任务正在创建一个显示项目列表的视图,它由选项卡控制。在列表的顶部必须有一个显示图像的标题。标签需要位于标题图片下方。当用户滚动标签并且标题图像向上移动直到标题离开屏幕。标签应永远不会离开屏幕,它们应始终位于列表视图的顶部,以便用户在3个列表之间导航。

我在google +个人资料视图中发现了类似内容。该图显示了它应该是什么样子的示例。任何人都知道如何在Android上实现这一点。 https://dl.dropboxusercontent.com/u/81459779/question.jpg

1 个答案:

答案 0 :(得分:0)

检查Action Bar Sherlock。安装“ABS:Demos”应用程序并查找“选项卡导航”示例并尝试使用它。

<强>更新

哦,我明白了......

所以,试试“ABS:Fragments”应用程序。这里有一个名为“Tabs”的例子。

如果你看到它的布局(fragment_tabs.xml),你可以看到每个小部件。您可以使用新的TabHost打包LinearLayout,并将View添加到TabHost上方。

改变这个:

<TabHost
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

    <TabWidget
        android:id="@android:id/tabs"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0"/>

    <FrameLayout
        android:id="@android:id/tabcontent"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_weight="0"/>

    <FrameLayout
        android:id="@+android:id/realtabcontent"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

</LinearLayout>

对于这样的事情:

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/Hello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="CHANGE ME FOR THE VIEW YOU WANT" />

    <TabHost 
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

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

            <TabWidget
                android:id="@android:id/tabs"
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="0"/>

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="0"/>

            <FrameLayout
                android:id="@+android:id/realtabcontent"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>

        </LinearLayout>
     </TabHost>