AppCompat工具栏:在ActionMode中更改溢出图标颜色

时间:2015-01-17 02:05:33

标签: android overflow toolbar android-appcompat actionmode

使用AppCompat工具栏,我希望能够在ActionMode更改时更改溢出菜单图标的颜色。

例如,在正常工具栏模式下,溢出图标将为白色。并且会在ActionMode上变黑。到目前为止,我已经设法改变了动作模式的背景以及标题文本。但我还没有找到一种方法来改变溢出菜单图标的颜色。

我知道有一个答案可供选择: Change ActionMode Overflow icon

我尝试了第一个解决方案,但我无法找到溢出图标。

第二种解决方案,即使延迟50L,也会导致溢出菜单图标闪烁出ActionMode的预期颜色,短时间内非常刺耳。

12 个答案:

答案 0 :(得分:57)

将以下行添加到您的主题属性中:

<item name="android:textColorSecondary">@android:color/white</item>

答案 1 :(得分:13)

这可以通过设置android:textColorSecondary主题属性来实现。

例如,假设您有以下工具栏,该工具栏使用主题MyToolbarStyle

<android.support.v7.widget.Toolbar
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:id="@+id/main_toolbar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:minHeight="?attr/actionBarSize"
  theme="@style/MyToolbarStyle"
/>

接下来,定义继承自MyToolbarStyle的样式ThemeOverlay.AppCompat.ActionBar。最后,通过添加android:textColorSecondary的项目

来修改溢出图标的颜色
<style name="MyToolbarStyle" parent="ThemeOverlay.AppCompat.ActionBar">
  <item name="android:textColorSecondary">#333333</item>
</style>

答案 2 :(得分:6)

<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
     <item name="android:actionOverflowButtonStyle">@style/ActionButton.Overflow.Icon</item>
 </style>

 <style name="ActionButton.Overflow.Icon" parent="android:style/Widget.Holo.Light.ActionButton.Overflow">
     <item name="android:src">@mipmap/yourwanticon</item>
 </style>

答案 3 :(得分:3)

在res-&gt; styles.xml

上添加此代码
<style name="ToolbarColored" parent="AppTheme">
<item name="android:textColorSecondary">YOUR_COLOR</item>
</style>

然后你的&#39; ToolbarColored&#39;您的XCML文件中的样式,如belove

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

答案 4 :(得分:2)

要正确更改工具栏溢出菜单图标的颜色,请将工具栏的主题设置为AppCompat dark ActionBar主题。例如:

在res / values / style.xml文件中,创建一个以这种方式从AppCompat继承的主题:

<style name="AppTheme.MyThemeName" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

现在将工具栏的主题设置为此主题:

<android.support.v7.widget.Toolbar
  android:id="+id/my_toolbar_id
  android:layout_width="match_parent"
  android:layout_height="@dimen/my_toolbar_height"
  android:theme="@style/AppTheme.MyThemeName">

</android.support.v7.widget.Toolbar>

答案 5 :(得分:2)

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <item name="android:actionOverflowButtonStyle">@style/ActionButtonOverflow</item>

    <!-- Support library compatibility -->
    <item name="actionOverflowButtonStyle">@style/ActionButtonOverflow</item>
</style>

<style name="ActionButtonOverflow" parent="@style/Widget.AppCompat.ActionButton.Overflow">
    <item name="android:tint">@color/brand_white</item>
</style>

答案 6 :(得分:1)

首先制作自定义样式

 <style name="ToolbarColoredBackArrow" parent="AppTheme">
    <item name="android:textColorSecondary">@color/white</item>
 </style>

然后将其添加到工具栏中

     <android.support.v7.widget.Toolbar
          android:id="@+id/toolbar"
          android:layout_width="match_parent"
          android:titleTextColor="@color/white"
          app:theme="@style/ToolbarColoredBackArrow"
          android:layout_height="?attr/actionBarSize"
          app:layout_scrollFlags="scroll|enterAlways"
          android:background="?attr/colorPrimary" />

答案 7 :(得分:1)

如果您在活动xml中使用工具栏,则可以使用类似的

toolbar?.navigationIcon?.setColorFilter(ContextCompat.getColor(this, android.R.color.black), PorterDuff.Mode.SRC_ATOP)

答案 8 :(得分:0)

如果要白色溢出菜单图标,只需添加 android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"到您的工具栏布局代码。

如果要使用深色溢出菜单图标 android:theme="@style/Base.Widget.AppCompat.Light.PopupMenu"

所以最终代码如下:

<android.support.v7.widget.Toolbar
        android:id="@+id/a_main_tb"
        android:layout_width="match_parent"
        android:layout_height="?actionBarSize"
        android:background="@color/colorPrimary"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:title="@string/app_name"
        app:titleTextColor="#ffffff"
        />

此外,您应该了解它也会改变菜单项的颜色。

答案 9 :(得分:0)

<style name="ToolBarTheme" parent="ThemeOverlay.AppCompat.ActionBar">
    <item name="android:tint">@color/colorAccent</item>

创建上述主题。使用您的颜色设置色调并将此主题添加到工具栏。

<androidx.appcompat.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="?attr/actionBarSize"
        android:theme="@style/ToolBarTheme"/>

答案 10 :(得分:0)

siteA

答案 11 :(得分:0)

这里的答案都没有帮助我独立于普通工具栏的溢出图标颜色更改ActionMode的溢出图标颜色(无需使用代码中的逐案样式)。经过一番尝试和错误之后,我认为我们可以独立于工具栏独立重写ActionMode的theme属性,并且可以正常工作!

在基本主题中,我们像往常一样指定动作模式的样式:

<style name="BaseTheme" parent="Theme.MaterialComponents.DayNight.Bridge">
        <item name="actionModeStyle">@style/ActionModeStyle</item>
</style>

在自定义ActionModeStyle中,我们可以进行所需的样式设置,并指定一个theme属性:

<style name="ActionModeStyle" parent="@style/Widget.AppCompat.ActionMode">
        <item name="theme">@style/ActionMode.Theme</item>
</style>

<style name="ActionMode.Theme" parent="ThemeOverlay.AppCompat.Dark">
        <item name="android:textColorSecondary">?attr/colorPrimary</item>
</style>

textColorSecondary也将更改后退按钮的颜色,但是我们可以使用actionModeCloseButtonStyle轻松地覆盖该按钮。