So formatieren Sie die Cursorfarbe von SearchView unter AppCompat

Question

Meine SearchView ist android.support.v7.widget.SearchView und AppTheme wird unten angezeigt.

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

Die Farbe Suche scheint seltsam, zeigten seine Cursor und Unterm Strich weiß und trans-Stellung zur Akzentfarbe schnell, wie man damit umgehen? Ich möchte, dass der Cursor und die untere Zeile weiß bleiben.

Answer 1

Nach vielen Experimenten konnte ich schließlich die Cursorfarbe mit dem Attribut autoCompleteTextViewStyle zusammen mit einem benutzerdefinierten Cursor Drawable ändern. Wenn Sie den Code ändern, den Sie im Beispiel angegeben haben, würden Sie Folgendes tun. Zuerst fügen Sie die oben genannte Attribut zu Ihrem Hauptthema wie folgt:

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

Anschließend erstellen Sie den Stil für „cursorColor“, die den Cursor verweisen wird Drawable, die Sie erstellen (nächster Schritt):

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

Das letzte, was zu tun ist, um den Cursor zu ziehbar (cursor.xml) zu erstellen, die als Ersatz Cursor verwendet wird:

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

Dies ist, was t er Cursor sieht aus wie vor und nach dem neuen Thema Anwendung bzw. ...

Vor

Nach

Als abschließende Bemerkung, Sie kann die Breite und Farbe des neuen Cursors immer ändern, indem Sie die entsprechenden Felder in Ihremändern:

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

Answer 2

Wenn alles, was Sie die Farbe des Cursors/Cursor des Such editText ändern möchten, können Sie diese verwenden:

<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

ich dies ganz einfach gelöst, indem ein colorAccent Hinzufügen speziell zu meinem Symbolleisten-Thema, das anders als die ColorAccent auf den Rest meiner App war.

z. Für die App Basis habe ich eine gewisse Akzentfarbe, die ich in der gesamten App will:

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

Und dann für meine Symbolleiste, die die Suche enthält, ich habe Setup ein Android Thema:

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

innerhalb dieser Symbolleiste Thema, verwende ich eine andere Farbe Akzent, um speziell die akzentuierte Elemente Farbe (die nur der Cursor in meinem Fall ist) in der Symbolleiste:

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

Answer 4

Wie ich es gelöst.

Mein SearchView Code:

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

Und mein WallSearchView Stil ist:

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

** Anmerkung: es ist nur für v21 und höher.