在导航抽屉片段内滑动选项卡

时间:2014-03-13 20:16:13

标签: java android android-fragments android-viewpager

我已经通过引用this tutorial实现了导航抽屉,现在我想要做的是在片段内显示滑动标签。即。当我点击导航抽屉中的某个项目时,让我们说第一个项目,它应显示该项目的滑动标签。

如果item1是Events,当我点击它时,它应该显示滑动标签,其中包含今日事件和即将发生的事件等标签。我是一个初学者,我试图谷歌为此,我找到的解决方案是使用sherlock,但我不想使用任何库。请指出一个正确的教程。我可以在片段内实现视图寻呼机。鉴于视图寻呼机将有两个以上的片段。

谢谢。

1 个答案:

答案 0 :(得分:1)

这是我在评论中谈论的抽屉的一个例子。如果你有抽屉布局,孩子作为listview和viewpager,这就是布局的样子:

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#333333"
    tools:context=".MainActivity" >

    <android.support.v4.view.ViewPager
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <!-- This List View for the sliding menu -->

    <LinearLayout
        android:id="@+id/list_slidermenu"
        android:layout_width="240dp"
        android:layout_height="wrap_content"
        android:layout_gravity="start"
        android:orientation="vertical" >
<!-- If you want to add some more things to your navigation drawer -->
        <!-- <EditText
            android:id="@+id/search_edit_text"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#FFFFFF"
            android:hint="Search"
            android:maxLines="1" >
        </EditText> -->

        <ListView
            android:id="@+id/list_slidermenu_child"
            android:layout_width="250dp"
            android:layout_height="match_parent"
            android:background="#303030"
            android:choiceMode="singleChoice"
            android:divider="#272727"
            android:dividerHeight="3dp"
            android:listSelector="@drawable/list_selector"
            android:padding="5dp" />
    </LinearLayout>

</android.support.v4.widget.DrawerLayout>

这就是你的布局的样子:

Test Image http://imageshack.com/a/img22/9166/qh8h.png

现在,在我的示例中,当我单击列表中的任何项目时,视图寻呼机会设置它应该是的视图。

这是你想要的吗?

这是一张新图片:

Test Image http://imageshack.com/a/img600/4421/2khw.png

点击导航中的任何项目,它会在其背后的视图上显示该内容?