【问题标题】:Difficult to style Toolbar action mode correctly for AppCompat in Android 4难以为 Android 4 中的 AppCompat 正确设置工具栏操作模式的样式
【发布时间】:2015-10-24 03:22:48
【问题描述】:

在我的 Android 5 中,使用以下主题

themes.xml

<style name="Theme.MyApp.Light.DarkActionBar" parent="Theme.AppCompat.Light.NoActionBar">

和下面的工具栏

工具栏.xml

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:minHeight="?attr/actionBarSize"
    android:background="@color/background_material_dark"
    android:elevation="4dp"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" >

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

这就是我得到的,当我的ListViewFragment 进入操作模式时

this.getListView().setChoiceMode(ListView.CHOICE_MODE_MULTIPLE_MODAL);
this.getListView().setMultiChoiceModeListener(new ModeCallback());

我希望我的 Android 4 具有准确的外观和感觉。

如果我们在 Android 4 中什么都不做,动作模式下的工具栏会看起来很不对劲。

这似乎是 Android 支持库中的错误:https://code.google.com/p/android/issues/detail?id=143419&thanks=143419&ts=1423493133

我曾提到Styling ActionMode ActionBar in Android 5.0 Lollipop (with AppCompat)

<style name="Theme.MyApp.Light.DarkActionBar" parent="Theme.AppCompat.Light.NoActionBar">

    <item name="actionModeBackground">@color/background_material_dark</item>
    <item name="actionBarPopupTheme">@style/ThemeOverlay.AppCompat.Light</item>

这就是我得到的。

  1. 文字颜色不对
  2. 没有绿色分隔符。
  3. 后退图标颜色不对。

我进一步关注Unable to style action mode when using Toolbar

<style name="Widget.ActionMode" parent="@style/Widget.AppCompat.ActionMode">
    <item name="background">@color/background_material_dark</item>
    <item name="backgroundSplit">@color/accent_material_light</item>
    <item name="titleTextStyle">@style/TextAppearance.AppCompat.Widget.ActionMode.Title.Inverse</item>
    <item name="subtitleTextStyle">@style/TextAppearance.AppCompat.Widget.ActionMode.Subtitle.Inverse</item>
</style>

<style name="Theme.MyApp.Light.DarkActionBar" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="actionModeStyle">@style/Widget.ActionMode</item>
    <item name="actionModeCloseDrawable">@drawable/ic_arrow_back_white_24dp</item>

越来越好(后退图标颜色正确)

但是,我仍然面临问题。

  1. 文字颜色不对
  2. 没有绿色分隔符。

我想知道,在 Android 5 中获得正确外观和感觉的正确方法是什么?

【问题讨论】:

    标签: android


    【解决方案1】:

    我在使用 AppCompat v22.1.1 时遇到了类似的问题,并提出了以下解决方案。

    第 1 步。您的主题应该有 Theme.AppCompat.Light.DarkActionBar 像这样的父级

    <style name="AppTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar">
    
        <!-- For same effect as Theme.AppCompat.Light.NoActionBar -->
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>
    

    第 2 步。将以下行添加到您的工具栏。

    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    

    您不必在最新的 AppCompat 库 (22.1.1) 中使用 app:theme

    通过上述解决方案,我可以在我的工具栏和操作模式中获得白色图标和文本。在其他解决方案中,工具栏中的图标和文本是白色的,但弹出窗口、对话框等使用深色主题,除非你真的想要它,否则它看起来真的很奇怪。我希望这会有所帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多