AppCompat下如何设置SearchView的光标颜色

Question

我的 SearchView 是 android.support.v7.widget.SearchView 和 AppTheme 如下所示。

<style name="AppBaseTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/color_accent</item>
</style>

<style name="AppTheme" parent="AppBaseTheme">
</style>

SearchView 的颜色看起来很奇怪，光标和底线显示为白色，并快速转换为强调色，如何处理？我想让光标和底线保持白色。

Answer 1

经过大量实验，我终于能够通过使用autoCompleteTextViewStyle 属性以及自定义光标Drawable 来更改光标颜色。修改您在示例中提供的代码，您将执行以下操作。首先，您将上述属性添加到您的主题中，如下所示：

<style name="AppBaseTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/color_accent</item>
    <item name="autoCompleteTextViewStyle">@style/cursorColor</item>
</style>

然后您为“cursorColor”创建样式，它将引用您将创建的光标Drawable（下一步）：

<style name="cursorColor" parent="Widget.AppCompat.AutoCompleteTextView">
        <item name="android:textCursorDrawable">@drawable/cursor</item>
</style>

最后要做的是创建将用作替换光标的可绘制光标（cursor.xml）：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <solid android:color="#FFFFFF" />
    <size android:width="1dp" />
</shape>

这是光标分别在应用新主题之前和之后的样子...

之前

之后

最后一点，您始终可以通过修改 Drawable 中的相应字段来更改新光标的宽度和颜色：

<!-- Change this to increase the width -->
<size android:width="1dp"/>
<!-- Change this to change the color -->
<solid android:color="#FFFFFF" />

Answer 2

我非常简单地通过在我的工具栏主题中添加一个 colorAccent 来解决这个问题，这与我应用程序其余部分的 colorAccent 不同。

例如。对于应用程序库，我需要在整个应用程序中使用某种强调色：

<style name="AppBaseTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/color_accent</item>
</style>

然后对于包含搜索视图的工具栏，我设置了一个 android 主题：

<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_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/toolBarBackgroundColor"
    android:theme="@style/ToolbarStyle"
    app:popupTheme="@style/ThemeOverlay.AppCompat" />

在该工具栏主题中，我使用另一种颜色重音来专门为工具栏中的重音元素（在我的例子中只是光标）着色：

<style name="ToolbarStyle" parent="@style/ThemeOverlay.AppCompat.ActionBar">
    ...
    <item name="colorAccent">@color/cursorAccent</item>
</style>

Answer 3

如果您只想更改 search-editText 的插入符号/光标的颜色，您可以使用这个：

<style name="AppTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar">
    <item name="actionBarTheme">@style/AppTheme.ActionBarTheme</item>
.... 

<style name="AppTheme.ActionBarTheme" parent="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="colorControlActivated">#FFffffff</item>
</style>

Answer 4

我是如何解决的。

我的SearchView 代码：

<android.support.v7.widget.SearchView
                android:id="@+id/searchView"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:theme="@style/WallSearchView"
                app:queryHint="@string/action_search"
                app:searchIcon="@drawable/ic_search" />

而我的WallSearchView 风格是：

<style name="WallSearchView" parent="Widget.AppCompat.SearchView">
        ...
        <item name="iconifiedByDefault">false</item>
        <item name="colorControlActivated">#FFffffff</item>
    </style>

**注意：仅适用于 v21 及更高版本。

Answer 5

这个简单的解决方案对我有用：

---

1 - 在 Styles.xml 文件中定义样式

<style name="WhiteCursorSearchView" parent="Widget.AppCompat.SearchView">
    <item name="colorControlActivated">#FFFFFF</item>
</style>

2- 将该样式应用于您的 SearchView

<android.support.v7.widget.SearchView
    android:id="@+id/search"
    android:theme="@style/WhiteCursorSearchView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:iconifiedByDefault="false" />