Изменить appcompat Текст и цвет подсказки SearchView
Кто-нибудь знает, как изменить цвет текста appcoppat SearchView? Я потратил 2 часа и попробовал несколько предложений от SO, и никто не работает.
Вот мой код:
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:espacios="http://schemas.android.com/apk/res-auto" >
<item
android:id="@+id/layer_switcher_button"
android:icon="@drawable/b_categorias"
android:title="@string/menu_layer_switcher_title"
espacios:showAsAction="ifRoom|collapseActionView"/>
<item
android:id="@+id/action_search"
android:icon="@drawable/b_buscar"
android:title="@string/menu_search_title"
espacios:actionViewClass="android.support.v7.widget.SearchView"
espacios:showAsAction="ifRoom|collapseActionView"/>
</menu>
И в моей деятельности у меня есть следующее:
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
menuItem layerSwitcher = menu.findItem(R.id.layer_switcher_button);
layerSwitcher.setOnMenuItemClickListener(new OnMenuItemClickListener() {
@Override
public boolean onMenuItemClick(MenuItem item) {
onLayerSwitcherButtonClicked();
return false;
}
});
MenuItem searchItem = menu.findItem(R.id.action_search);
SearchView searchView = (SearchView) MenuItemCompat.getActionView(searchItem);
LinearLayout ll = (LinearLayout) searchView.getChildAt(0);
TextView textView = (TextView) ll.getChildAt(0);
textView.setTextColor(R.color.white);
}
Ответы
Ответ 1
SearchView searchView = new SearchView(getContext());
SearchView.SearchAutoComplete theTextArea = (SearchView.SearchAutoComplete)searchView.findViewById(R.id.search_src_text);
theTextArea.setTextColor(Color.WHITE);//or any color that you want
Ответ 2
Объект A SearchView
простирается от LinearLayout
, поэтому он содержит другие представления. Хитрость заключается в том, чтобы найти представление, содержащее текст подсказки и программно изменить цвет. Перейдя по иерархии представлений, вы можете найти виджет, содержащий текст подсказки:
// get your SearchView with its id
SearchView searchView = (SearchView) menu.findItem(R.id.search).getActionView();
// traverse the view to the widget containing the hint text
LinearLayout ll = (LinearLayout)searchView.getChildAt(0);
LinearLayout ll2 = (LinearLayout)ll.getChildAt(2);
LinearLayout ll3 = (LinearLayout)ll2.getChildAt(1);
SearchView.SearchAutoComplete autoComplete = (SearchView.SearchAutoComplete)ll3.getChildAt(0);
// set the hint text color
autoComplete.setHintTextColor(getResources().getColor(Color.WHITE));
// set the text color
autoComplete.setTextColor(Color.BLUE);
Этот метод работает с любой темой. Кроме того, вы можете изменить внешний вид других виджетов в иерархии SearchView
, например EditText
, содержащий поисковый запрос.
Ответ 3
Ни один из ответов не работал у меня. В конечном итоге работала над тем, чтобы задать тему на панели инструментов и указать там textColorHint.
Тема (в styles.xml):
<style name="ToolbarTheme">
<item name="android:textColorHint">@color/white_opacity_60</item>
</style>
Панель инструментов (в любом макете):
<android.support.v7.widget.Toolbar
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ToolbarTheme" />
Это работает, потому что когда вы устанавливаете тему в ViewGroup, ее атрибуты также применяются ко всем дочерним представлениям ViewGroup. Это одно из отличий между темой и стилем:)
Ответ 4
Можно настроить поиск с помощью библиотеки appcompat v7. Для этого я использовал библиотеку appcompat v7 и определенный пользовательский стиль.
В выпадающей папке поместите файл bottom_border.xml, который выглядит следующим образом:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape >
<solid android:color="@color/blue_color" />
</shape>
</item>
<item android:bottom="0.8dp"
android:left="0.8dp"
android:right="0.8dp">
<shape >
<solid android:color="@color/background_color" />
</shape>
</item>
<!-- draw another block to cut-off the left and right bars -->
<item android:bottom="2.0dp">
<shape >
<solid android:color="@color/main_accent" />
</shape>
</item>
</layer-list>
В папках значений styles_myactionbartheme.xml:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="AppnewTheme" parent="Theme.AppCompat.Light">
<item name="android:windowBackground">@color/background</item>
<item name="android:actionBarStyle">@style/ActionBar</item>
<item name="android:actionBarWidgetTheme">@style/ActionBarWidget</item>
</style>
<!-- Actionbar Theme -->
<style name="ActionBar" parent="Widget.AppCompat.Light.ActionBar.Solid.Inverse">
<item name="android:background">@color/main_accent</item>
<!-- <item name="android:icon">@drawable/abc_ic_ab_back_holo_light</item> -->
</style>
<style name="ActionBarWidget" parent="Theme.AppCompat.Light">
<!-- SearchView customization-->
<!-- Changing the small search icon when the view is expanded -->
<!-- <item name="searchViewSearchIcon">@drawable/ic_action_search</item> -->
<!-- Changing the cross icon to erase typed text -->
<!-- <item name="searchViewCloseIcon">@drawable/ic_action_remove</item> -->
<!-- Styling the background of the text field, i.e. blue bracket -->
<item name="searchViewTextField">@drawable/bottom_border</item>
<!-- Styling the text view that displays the typed text query -->
<item name="searchViewAutoCompleteTextView">@style/AutoCompleteTextView</item>
</style>
<style name="AutoCompleteTextView" parent="Widget.AppCompat.Light.AutoCompleteTextView">
<item name="android:textColor">@color/text_color</item>
<!-- <item name="android:textCursorDrawable">@null</item> -->
<!-- <item name="android:textColorHighlight">@color/search_view_selected_text</item> -->
</style>
</resources>
Я определил файл custommenu.xml для отображения меню:
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:com.example.actionbartheme="http://schemas.android.com/apk/res-auto" >
<item android:id="@+id/search"
android:title="@string/search_title"
android:icon="@drawable/search_buttonn"
com.example.actionbartheme:showAsAction="ifRoom|collapseActionView"
com.example.actionbartheme:actionViewClass="android.support.v7.widget.SearchView"/>
</menu>
Ваша активность должна расширять ActionBarActivity вместо Activity. Вот метод onCreateOptionsMenu.
@Override
public boolean onCreateOptionsMenu(Menu menu)
{
// Inflate the menu; this adds items to the action bar if it is present.
MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.custommenu, menu);
}
В файле манифеста:
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppnewTheme" >
Для получения дополнительной информации см. этот URL:
Здесь http://www.jayway.com/2014/06/02/android-theming-the-actionbar/
Ответ 5
Изменить стиль SearchView в Appcompat v21
1) Создайте файл конфигурации. Этот файл традиционно называется searchable.xml и должен быть сохранен в каталоге res/xml/project.
<?xml version="1.0" encoding="utf-8"?>
<searchable xmlns:android="http://schemas.android.com/apk/res/android"
android:label="@string/app_label"
android:hint="@string/search_hint" >
</searchable>
2) Добавьте метаданные и атрибуты к своей активности и действию в фильтр намерений в AndroidManifest.xml
<activity
android:name=".activity.YourActivity"
android:screenOrientation="portrait"
android:theme="@style/Theme.App.Base">
<meta-data android:name="android.app.searchable"
android:resource="@xml/searchable"/>
<intent-filter>
<action android:name="android.intent.action.SEARCH" />
<category android:name="android.intent.category.DEFAULT"/>
</intent-filter>
</activity>
3) Создайте стили для индикаторов, значков, подсказок и цветов текста.
<style name="ActionBarThemeOverlay" parent="">
<item name="android:textColorPrimary">@color/action_bar_text</item>
<item name="colorControlNormal">@color/action_bar_text</item>
<item name="colorControlHighlight">@color/body_text_2</item>
</style>
<style name="Widget.App.SearchView" parent="Widget.AppCompat.Light.SearchView">
<item name="closeIcon">@drawable/ic_action_cancel</item>
<item name="voiceIcon">@drawable/ic_action_voice</item>
</style>
4) Добавить Widget.App.Search в BaseAppTheme, добавленный в AndroidManifest как стиль действия
<style name="Theme.App.Base" parent="Theme">
name="searchViewStyle">@style/Widget.App.SearchView</item>
</style>
Добавьте ActionBarThemeOverlay в вашу инициализацию панели инструментов
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar_actionbar"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="@dimen/toolbar_height"
android:background="@color/color_primary"
app:theme="@style/ActionBarThemeOverlay"
app:popupTheme="@style/ActionBarPopupThemeOverlay"
app:subtitleTextAppearance="@style/Theme.ActionBar.SubtitleTextStyle"
app:titleTextAppearance="@style/Theme.ActionBar.TitleTextStyle"/>
Ответ 6
Другое решение:
searchView_SA = (SearchView) findViewById(R.id.searcvViewSA);
EditText searchEditText = (EditText)searchView_SA.findViewById(android.support.v7.appcompat.R.id.search_src_text);
searchEditText.setTextColor(getResources().getColor(R.color.black));
searchEditText.setHintTextColor(getResources().getColor(R.color.black));