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="cursorColor" parent="Widget.AppCompat.AutoCompleteTextView"> 
     <item name="android:textCursorDrawable">@drawable/cursor</item> 
</style> 

：

<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> 

あなたは、あなたが作成されますカーソルDrawable（次のステップ）を参照します「cursorColor」のスタイルを作成します行うには

最終的なことは、交換用のカーソルとして使用されるカーソルの描画可能（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> 

これは何だトン彼カーソルはあなたが、...それぞれ、前のようにして新しいテーマを適用した後最後の注意として

後

前

を探しますあなたのの適切なフィールドを変更することによって、常に新しいカーソルの幅と色を変更することができます：

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

Answer 2

を変更したいすべてが検索の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 3

は、私は非常に単純colorAccentを追加することでこれを解決しました具体的に私のツールバーのテーマには、私のアプリの残りの部分では、色とは異なっていました。

例えば、

<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" /> 

：私はセットアップにAndroidのテーマを持って、searchviewが含まれている私のツールバー、ため、その後

<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> 

そして：アプリベースのために、私は私がアプリを通じてたい特定のアクセントカラーを持っていますそのツールバーのテーマの中で、私が特にツールバーの（私の場合はカーソルのみです）アクセント付きの要素を着色する別の色のアクセントを使用します。

<style name="ToolbarStyle" parent="@style/ThemeOverlay.AppCompat.ActionBar"> 
    ... 
    <item name="colorAccent">@color/cursorAccent</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/SearchViewStyle" 
       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のためと上記の。