StandAlone Toolbar项目的背景波纹效应消失了

Question

使用独立工具栏时,项目的可选背景存在问题,本文后面的内容也不起作用:

http://blog.mohitkanwal.com/blog/2015/03/07/styling-material-toolbar-in-android/

检查下面屏幕截图中的常规工具栏,使用独立工具栏时,涟漪效果选择器已消失.

这是我的风格:

 <style name="ToolbarTheme" parent="Widget.AppCompat.Toolbar">
        <item name="actionMenuTextColor">@color/green</item>
        <item name="drawerArrowStyle">@style/DrawerArrowToggle</item>
        <item name="colorControlNormal">@color/white</item>
        <item name="colorControlActivated">@color/white</item>
        <item name="android:textColorPrimary">@color/white</item>
        <item name="titleTextAppearance">@style/ActionBar.TitleText</item>
        <item name="android:actionOverflowButtonStyle">@style/MoreActionButton</item>
        <item name="actionButtonStyle">@style/Widget.AppCompat.ActionButton</item>
        <item name="selectableItemBackground">?android:selectableItemBackground</item>
        <item name="selectableItemBackgroundBorderless">?android:selectableItemBackground</item>
        <item name="colorControlHighlight">@color/accentColor</item>
    </style>

编辑: 从我的代码中隔离问题后,我能够重现问题,它似乎与新的支持设计库有关.以下是有问题的测试代码:

TestToolbar.zip

Answer 1

这是使用android 5.1 genymotion模拟器完成的

我没有弄清楚你的问题,但我只是尝试创建一个与你的相同的工具栏,但删除了一些我没有的样式

这是我的风格

  <style name="ToolbarTheme"
      parent="Widget.AppCompat.Toolbar">
    <item name="actionMenuTextColor">#1bff3a</item>
    <item name="colorControlNormal">#FFF</item>
    <item name="colorControlActivated">#FFF</item>
    <item name="android:textColorPrimary">#FFF</item>
    <item name="actionButtonStyle">@style/Widget.AppCompat.ActionButton</item>
    <item name="selectableItemBackground">?android:selectableItemBackground</item>
    <item name="selectableItemBackgroundBorderless">?android:selectableItemBackground</item>
    <item name="colorControlHighlight">@color/accentColor</item>
  </style>

我的工具栏布局

 <android.support.v7.widget.Toolbar
      android:id="@+id/toolbar"
      android:layout_width="match_parent"
      android:layout_height="?attr/actionBarSize"
      android:background="?colorPrimary"
      app:theme="@style/ToolbarTheme"
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
      />

我的菜单

<item
      android:id="@+id/action_settings"
      android:title="@string/action_settings"
      android:icon="@drawable/abc_ic_clear_mtrl_alpha"
      app:showAsAction="always"
      />

活动代码

   Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
   toolbar.inflateMenu(R.menu.menu_home);

结果截图

编辑

下载问题中提供的示例后,问题与独立工具栏或操作栏无关(两者都有相同的问题),使用时AppBarLayout,问题似乎Ripple是绘制效果AppBarLayout而不是所选菜单项的视图,我会录制一段视频来解释它.

视频: 带工具栏视频的AppBarLayout

我会尝试为此找到解决方案.

Answer 2

看起来涟漪效应仍然存在,但波纹颜色已经改变.我不确定你的问题是什么,但这就是我所看到的.

我建议你删除

        <item name="colorControlHighlight">@color/accentColor</item>

从您的代码中再次运行它.如果涟漪不显示(应该),请更改强调色.

Answer 3

关于这个问题的解决方法对selectableItemBackground我来说也不起作用.到目前为止我提出的最佳策略是将工具栏的背景设置为透明:

<android.support.v7.widget.Toolbar
   ...
   android:background="@android:color/transparent"/>

这样可以在展开/折叠/中间状态下实现涟漪效果(裁剪到Actionbar高度).