Android开发：如何实现同主题下ActionMode与Toolbar外观完全一致

在Theme.AppCompat.NoActionBar主题下，完全可以通过自定义ActionMode主题样式、对齐关键属性值的方式，消除所有视觉差异，不需要修改系统源码或引入第三方库。

ActionMode的默认外观独立于全局Toolbar配置存在，不会自动继承Toolbar的背景、颜色、分割线设置，这也是出现视觉偏差的根本原因。逐一对应三类常见问题的配置方法如下：

• ActionMode背景亮度高于Toolbar
  原因：ActionMode默认背景取自colorPrimary属性，同时自带4dp的z轴高度阴影，会让视觉上的背景亮度高于无阴影/自定义背景的Toolbar。
  解决：在自定义ActionMode样式中，将背景值设置为和Toolbar实际使用的背景色完全一致，同时对齐elevation值：

  <item name="actionModeBackground">@color/和Toolbar完全一致的色值</item>
  <item name="actionModeElevation">和Toolbar设置的elevation数值完全相同</item>
  

  如果使用Material Components系列主题，还需要覆盖ActionMode主题覆盖层中的colorSurface值，避免系统自动取主题默认表面色导致亮度差。
• 菜单项颜色不继承colorControlNormal，显示为纯黑/纯白
  原因：ActionMode内部使用独立的主题覆盖层，不会自动读取全局配置的colorControlNormal值，菜单文字、overflow图标、关闭按钮图标的颜色都需要单独指定tint。
  解决：在自定义ActionMode样式中逐一绑定颜色值：

  <!-- 菜单文字颜色对齐Toolbar -->
  <item name="actionMenuTextColor">?attr/colorControlNormal</item>
  <!-- 标题文字颜色对齐Toolbar -->
  <item name="titleTextColor">?android:attr/textColorPrimary</item>
  <!-- overflow图标颜色对齐Toolbar -->
  <item name="actionOverflowButtonStyle">@style/CustomOverflowIconStyle</item>
  <!-- 关闭按钮图标颜色对齐Toolbar -->
  <item name="actionModeCloseDrawable">@drawable/ic_close_matched</item>
  

  其中CustomOverflowIconStyle需要将图标的tint值设置为?attr/colorControlNormal。
• ActionMode底部存在无法移除的下划线
  原因：默认ActionMode样式自带1dp高度的底部分割线，不会随NoActionBar主题自动隐藏；如果ActionMode保留了默认elevation，投射的软阴影也会在视觉上形成类似下划线的效果。
  解决：在自定义ActionMode样式中关闭分割线：

  <item name="bottomDivider">@null</item>
  

  配合之前设置的和Toolbar一致的elevation值，即可完全消除底部的视觉偏差。

完整配置流程 #

1. 在res/values/styles.xml中定义自定义ActionMode样式，父主题继承Widget.AppCompat.ActionMode：

   <style name="CustomActionModeStyle" parent="Widget.AppCompat.ActionMode">
       <item name="actionModeBackground">@color/toolbar_background</item>
       <item name="actionModeElevation">@dimen/toolbar_elevation</item>
       <item name="bottomDivider">@null</item>
       <item name="actionMenuTextColor">?attr/colorControlNormal</item>
       <item name="titleTextColor">?android:attr/textColorPrimary</item>
       <item name="actionOverflowButtonStyle">@style/CustomOverflowIconStyle</item>
   </style>
   <style name="CustomOverflowIconStyle" parent="Widget.AppCompat.Light.ActionButton.Overflow">
       <item name="android:tint">?attr/colorControlNormal</item>
   </style>
   

2. 将自定义样式绑定到应用的全局主题中，也就是当前使用的Theme.AppCompat.NoActionBar派生主题：

   <style name="Theme.YourApp" parent="Theme.AppCompat.NoActionBar">
       <!-- 原有其他主题配置 -->
       ...
       <item name="actionModeStyle">@style/CustomActionModeStyle</item>
   </style>
   

3. 触发ActionMode时，使用AppCompatActivity提供的startSupportActionMode()方法启动，不要使用无主题参数的系统级startActionMode()方法，避免系统默认主题覆盖自定义配置。

注意：部分低版本Android系统上，ActionMode的左右内边距会和Toolbar存在细微差异，可通过actionModeContentInsetStart、actionModeContentInsetEnd属性，将内边距值设置为和Toolbar完全一致，避免标题文字、菜单项的水平位置错位。

效果验证 #

配置完成后，可通过屏幕取色工具分别对Toolbar和触发后的ActionMode区域进行色值比对，当二者背景、文字、图标的RGB值完全一致，且无额外分割线/阴影时，即达到无感知差异的效果。

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