如何在Android上的Dark App Bar上使用Light SearchView?

时间:2016-01-27 17:03:46

标签: android material-design android-theme searchview android-appbarlayout

这是我的主要活动xml:

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

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

</android.support.design.widget.AppBarLayout>

<include layout="@layout/content_main" />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="@dimen/fab_margin"
    android:src="@android:drawable/ic_menu_search" />

这是我的styles.xml

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

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

<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

问题是我想在AppBar上使用白色文字,但同时我希望搜索建议在白色背景上有深色文字(如holo)。目前,建议以黑暗主题显示。如果我使用ThemeOverlay.AppCompat.ActionBar,则建议变为白色,但appbar上的文本变为黑色,我希望它保持白色。

请帮帮我!我还附上截图用于演示目的:

  1. 这是白色标题文字。
  2. 看下拉建议?他们应该以白色为主题。 This has white title text see the dropdown suggestions? they should be white-themed.

1 个答案:

答案 0 :(得分:3)

以下是我成功实现的目标:

您需要覆盖主题中的样式autoCompleteTextViewStyletextAppearanceSearchResultTitle

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="autoCompleteTextViewStyle">@style/myAutoCompleteTextViewStyle</item>
    <item name="textAppearanceSearchResultTitle">@style/mySearchResult</item>

    ...
</style>

<style name="myAutoCompleteTextViewStyle" parent="Widget.AppCompat.Light.AutoCompleteTextView">
    <item name="android:popupBackground">@color/White</item>
</style>

<style name="mySearchResult" parent="TextAppearance.AppCompat.SearchResult.Title">
    <item name="android:textColor">@color/Black</item>
</style>