android - 像 Newstand 一样使用抽屉和标签进行导航

Question

我正在尝试复制 Google newstand 应用程序导航系统，我可以在其中同时使用抽屉导航菜单和选项卡，如下所示:

我正在尝试实现与报刊亭完全相同的效果，操作栏和选项卡采用单一颜色，并且选项卡不跨越整个屏幕长度我能够反编译该应用程序，并且我已经看到另一个使用此应用程序的源代码(系列指南)，但它们非常复杂，我无法找到并弄清楚它的实现位置和方式。

我尝试使用 Android Studio 为我创建的抽屉导航模板并添加无效的选项卡

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mNavigationDrawerFragment = (NavigationDrawerFragment)
                getSupportFragmentManager().findFragmentById(R.id.navigation_drawer);
        mTitle = getTitle();

        // Set up the drawer.
        mNavigationDrawerFragment.setUp(
                R.id.navigation_drawer,
                (DrawerLayout) findViewById(R.id.drawer_layout));

        ActionBar actionBar = getSupportActionBar();
        /*
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
        actionBar.setDisplayShowTitleEnabled(true);


        ActionBar.Tab tab = actionBar.newTab()
                .setText("Artist")
                .setTabListener(new TabListener<PlaceholderFragment>(
                        this, "artist", PlaceholderFragment.class));
        actionBar.addTab(tab);

        tab = actionBar.newTab()
                .setText("album")
                .setTabListener(new TabListener<PlaceholderFragment>(
                        this, "album", PlaceholderFragment.class));
        actionBar.addTab(tab);
*/

        actionBar.setHomeButtonEnabled(true);
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

        String[] tabs = { "Top Rated", "Games", "Movies" };
        // Adding Tabs
        for (String tab_name : tabs) {
            actionBar.addTab(actionBar.newTab().setText(tab_name)
                    .setTabListener(new TabListener<PlaceholderFragment>(
                            this, "album", PlaceholderFragment.class)));
        }
    }

到目前为止，我已经尝试过使用 android 库，但我不介意使用像 actionbar sherlock 这样的外部 onex

Answer 1

You're looking for Google's SlidingTabLayout .和 SeriesGuide是开源的，但使用 PagerSlidingTabStrip .

要使用 Google 的 SlidingTabLayout，您需要将两个类复制到您的项目中。您需要的类(class)是:

• SlidingTabLayout
• SlidingTabStrip

实现 SlidingTabLayout 的布局示例如下所示:

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

    <your_path_to.SlidingTabLayout
          android:id="@+id/slidingTabs"
          android:layout_width="match_parent"
          android:layout_height="wrap_content" />

    <android.support.v4.view.ViewPager
          android:id="@+id/viewPager"
          android:layout_width="match_parent"
          android:layout_height="0dp"
          android:layout_weight="1" />

</LinearLayout> 

在展开布局并使用 View.findViewById 初始化 SlidingTabLayout 之后，调用 SlidingTabLayout.setViewPager 绑定(bind) ViewPager 到选项卡。

Check out Google's example for a full project