android - 如何在 TabLayout 中添加菜单选项？

Question

我正在制作一个带有选项卡式 Activity 的 Android 应用程序。我想要一个三点菜单选项出现在选项卡的右侧。我怎样才能做到这一点？我想要 TabLayout 的菜单选项只是屏幕截图中显示的那个。

Answer 1

Activity 布局:

...
<com.google.android.material.appbar.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/my_toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay">

        <com.google.android.material.tabs.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/colorPrimary"
            app:tabBackground="@drawable/tab_selector"
            app:tabTextColor="@drawable/tab_selector"
            app:tabMode="scrollable"/>

    </androidx.appcompat.widget.Toolbar>
</com.google.android.material.appbar.AppBarLayout>
...

Activity 类:

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val toolbar = findViewById<Toolbar>(R.id.my_toolbar)
        setSupportActionBar(toolbar)
    }

    override fun onCreateOptionsMenu(menu: Menu): Boolean { ... }

    override fun onOptionsItemSelected(item: MenuItem): Boolean { ... }
}

结果:

将 TabLayout 放在应用程序名称和菜单下方，如:

你可以这样做:

...
<com.google.android.material.appbar.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">
    
    <androidx.appcompat.widget.Toolbar
        android:id="@+id/my_toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay"/>
    
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        app:tabBackground="@drawable/tab_selector"
        app:tabTextColor="@drawable/tab_selector"
        app:tabMode="scrollable"/>

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