android - 使用带有新工具栏的选项卡 (AppCompat v7-21)

Question

我将 SupportActionBar 与选项卡和自定义 ActionBar 主题(使用 http://jgilfelt.github.io/android-actionbarstylegenerator/ 创建)一起使用，仅在用户展开搜索 View 时显示选项卡。

public boolean onMenuItemActionExpand(MenuItem item) {
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
        return true;
    }
}

我从 ActionBar 迁移到 Toolbar。我的应用确实需要支持 API 9。

有没有办法使用此代码重新添加选项卡？:

Toolbar toolbar = (Toolbar) findViewById(R.id.new_actionbar);
setSupportActionBar(toolbar);
getSupportActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

如果可能，如何使用我的自定义主题或设置工具栏样式？

文档说这已被弃用，并建议使用不同类型的导航。但我不知道 Android 中是否还有其他组件具有相同的功能。

一些帮助？

Answer 1

使用 API 21，方法 setNavigationMode(ActionBar.NAVIGATION_MODE_TABS) 为 deprecated .

2019 年 1 月 8 日更新( Material 组件库)

将依赖项添加到您的 build.gradle:

dependencies { implementation ‘com.google.android.material:material:1.1.0’ }

然后你可以使用新的TabLayout .

<androidx.constraintlayout.widget.ConstraintLayout>

     <com.google.android.material.appbar.AppBarLayout   ...>

        <androidx.appcompat.widget.Toolbar  .../>


        <com.google.android.material.tabs.TabLayout
         ...
         />

     </com.google.android.material.appbar.AppBarLayout>

     <androidx.viewpager.widget.ViewPager 
        android:id="@+id/viewpager"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</androidx.constraintlayout.widget.ConstraintLayout>

代码很简单:

TabLayout tabs = (TabLayout) findViewById(R.id.tabs);
tabs.setupWithViewPager(pager);

---

29/05/2015 更新(支持库)

有了新的设计支持库，您现在可以使用TabLayout .

只需将此依赖项添加到您的 build.gradle

compile 'com.android.support:design:22.2.0'

代码很简单:

TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);
        tabLayout.setupWithViewPager(viewPager);

要实现 Material 设计的许多功能，您应该在 CoordinatorLayout和 AppBarLayout .

类似这样的:

 <android.support.design.widget.CoordinatorLayout
         xmlns:android="http://schemas.android.com/apk/res/android"
         xmlns:app="http://schemas.android.com/apk/res-auto"
         android:layout_width="match_parent"
         android:layout_height="match_parent">


     <android.support.design.widget.AppBarLayout
             android:layout_height="wrap_content"
             android:layout_width="match_parent">

         <android.support.v7.widget.Toolbar
                 ...
                 app:layout_scrollFlags="scroll|enterAlways"/>

         <android.support.design.widget.TabLayout
                 ...
                 app:layout_scrollFlags="scroll|enterAlways"/>

     </android.support.design.widget.AppBarLayout>

     <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

 </android.support.design.widget.CoordinatorLayout>

---

旧

您可以使用不同的模式。例如，您可以使用在 googleio14 中看到的相同示例。

它使用 SlidingTabLayout 与 ViewPager 一起使用。

Here you can find the example (在您的 sdk 示例中)

您可以在此处找到 Google io14 示例:

• Layout

• Java