如何实现Gmail平板App式Toolbar操作项拆分？

很高兴能帮你解答这个关于Gmail平板Toolbar操作项拆分效果的问题，我来一步步拆解实现方法和布局选择的思路：

Gmail在平板上的核心体验是根据屏幕尺寸动态分配操作项的位置，让高频操作更易触达，主要可以通过以下几种方式实现：

1. 响应式布局适配大屏设备 #

利用Android的屏幕尺寸限定符（比如layout-sw600dp）为平板单独设计布局：

• 拆分Toolbar层级：保留顶部的全局Toolbar（放置搜索、账户切换这类全局操作），同时在内容区域（比如邮件详情页）添加局部Toolbar，承载针对当前内容的操作（回复、归档、删除等）。
• 解放溢出菜单：在大屏上，把原本藏在三点溢出菜单里的高频操作直接显示在Toolbar上，不用让用户额外点击展开。

2. 结合双Pane（Master-Detail）布局 #

Gmail平板的核心布局是双Pane模式——左侧邮件列表（Master）、右侧邮件详情（Detail），每个Pane可以拥有独立的Toolbar：

• 在res/layout-sw600dp目录下创建双Pane布局，用ConstraintLayout或LinearLayout让两个Fragment并排显示。
• 每个Fragment内部嵌入自己的Toolbar，列表Fragment的Toolbar放“新建邮件”这类操作，详情Fragment的Toolbar放邮件相关操作，天然实现操作项的拆分隔离。

3. 动态调整Menu菜单项显示 #

根据屏幕宽度判断设备类型，动态控制菜单项的可见性：
在Fragment或Activity的onCreateOptionsMenu方法中，通过最小屏幕宽度判断是否为平板，然后显示/隐藏对应操作项：

override fun onCreateOptionsMenu(menu: Menu): Boolean {
    menuInflater.inflate(R.menu.email_detail_menu, menu)
    // 判断是否为平板设备（最小屏幕宽度≥600dp）
    val isTablet = resources.configuration.smallestScreenWidthDp >= 600
    // 平板上直接显示归档、删除按钮，小屏则隐藏到溢出菜单
    menu.findItem(R.id.action_archive).isVisible = isTablet
    menu.findItem(R.id.action_delete).isVisible = isTablet
    return true
}

4. 侧边固定操作栏补充 #

对于一些更侧重视觉触达的操作，Gmail会在平板上用右侧垂直排列的固定操作栏替代Toolbar项，你可以：

• 自定义一个垂直布局，固定在内容区右侧，放置常用操作按钮（比如星标、标记已读）。
• 利用Material Design的SideSheet组件实现可展开/收起的侧边操作区，兼顾空间和功能。

答案是Gmail确实采用了“每个Fragment独立拥有Toolbar”的方案，这也是大屏双Pane场景的最优选择，原因如下：

• 适配双Pane布局：平板上两个Fragment同时显示时，各自的操作项完全独立，放在Fragment里可以避免Activity中逻辑混乱，每个Fragment只负责自己的操作逻辑。
• 模块化复用：当在小屏设备上切换Fragment时（比如从列表页跳转到详情页），Fragment自带的Toolbar可以直接替换Activity的Toolbar内容，不用在Activity中频繁切换菜单配置。
• 逻辑解耦：每个Fragment的操作和自身业务强绑定，Toolbar放在Fragment里能让组件更独立，便于后续维护和复用。

当然也有例外：如果有全局通用的操作（比如全局搜索、账户切换），可以保留Activity的全局Toolbar，Fragment的Toolbar作为局部操作栏显示在内容区顶部，形成“全局+局部”的层级结构。

举个Fragment中设置Toolbar的简单示例：

class EmailDetailFragment : Fragment() {
    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        val detailToolbar = view.findViewById<Toolbar>(R.id.detail_toolbar)
        // 将Fragment的Toolbar设置为Activity的ActionBar
        (activity as AppCompatActivity).setSupportActionBar(detailToolbar)
        detailToolbar.title = "邮件详情"
        // 声明Fragment拥有自己的菜单
        setHasOptionsMenu(true)
    }

    override fun onCreateOptionsMenu(menu: Menu, inflater: MenuInflater) {
        inflater.inflate(R.menu.detail_menu, menu)
        super.onCreateOptionsMenu(menu, inflater)
    }
}

内容的提问来源于stack exchange，提问作者user3471528