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

Question

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

javaandroidandroid-fragmentsandroid-viewpager

4

我已经参考这篇教程实现了导航抽屉，现在我想在一个片段中显示滑动选项卡。也就是说，当我点击导航抽屉中的某个项目，比如第一个项目时，它应该为该项目显示滑动选项卡。

如果项目1是“事件”，当我点击它时，它应该显示带有选项卡的滑动选项卡，例如今天的事件和即将到来的事件。我是一名初学者，我已经尝试过谷歌搜索解决方案，但我找到的解决方案都需要使用sherlock，但我不想使用任何库。请指向正确的教程。我能在片段中实现视图分页器吗？假设视图分页器将有两个以上的片段。

谢谢。

- user3390703

你不需要在导航抽屉中使用片段，而是可以在抽屉布局中使用FragmentViewPager，其中可以包含片段。但请考虑您的用户体验设计，并确保这是您（或您的用户）想要的。 - ataulm

没错，如果你使用抽屉布局，然后设置子视图，你可以轻松地实现你想要做的事情。 - mike20132013

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- mike20132013 · Accepted Answer

这是我在评论中提到的抽屉式导航菜单的一个示例。如果你使用了抽屉式布局，并将其子项设置为列表视图和视图翻页器，布局将会如下所示：

<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>

这是您的布局将会看起来的样子：

测试图片 http://imageshack.com/a/img22/9166/qh8h.png

现在，在我的示例中，当我单击列表中的任何项时，视图页面设置为它应该显示的视图。

这是您想要的吗？

这是一个新的图片：

测试图片 http://imageshack.com/a/img600/4421/2khw.png

并且在导航栏中点击任何项目时，它会在后面的视图上显示相应的内容？