Можно ли изменить цвет текста на Android SearchView?
Элемент SearchView не имеет никаких свойств для изменения цвета текста. Цвет текста по умолчанию черный и не работает на нашем темном фоне. Есть ли способ изменить цвет текста без использования хаков?
Я нашел этот похожий вопрос, связанный с изменением размера текста, но пока у него нет ответов: как установить SearchView TextSize?
39 ответов
Добавлять
<item name="android:editTextColor">@android:color/white</item>
на родительскую тему, и это должно изменить введенный текст. Вы также можете использовать
<item name="android:textColorHint">@android:color/white</item>
изменить текст подсказки для SearchView. (Обратите внимание, что вы можете заменить @android:color/white
с любым подходящим значением, которое вы надеетесь использовать)
Попробуйте что-то вроде этого: вы получите дескриптор текстового представления из sdk, а затем измените его, так как они не предоставляют его публично.
int id = searchView.getContext().getResources().getIdentifier("android:id/search_src_text", null, null);
TextView textView = (TextView) searchView.findViewById(id);
textView.setTextColor(Color.WHITE);
Это работает для меня.
SearchView searchView = (SearchView) findViewById(R.id.search);
EditText searchEditText = (EditText) searchView.findViewById(android.support.v7.appcompat.R.id.search_src_text);
searchEditText.setTextColor(getResources().getColor(R.color.white));
searchEditText.setHintTextColor(getResources().getColor(R.color.white));
Для меня работает следующее. Я использовал код из ссылки: Измените цвет текста подсказки поиска на панели действий с помощью библиотеки поддержки.
searchView = (SearchView) menu.findItem(R.id.action_search).getActionView();
EditText txtSearch = ((EditText)searchView.findViewById(android.support.v7.appcompat.R.id.search_src_text));
txtSearch.setHint(getResources().getString(R.string.search_hint));
txtSearch.setHintTextColor(Color.LTGRAY);
txtSearch.setTextColor(Color.WHITE);
Изменение цвета панели поиска подсказки цвет текста подсказывает другое решение. Это работает, но устанавливает только текст подсказки и цвет.
searchView.setQueryHint(Html.fromHtml("<font color = #ffffff>" + getResources().getString(R.string.search_hint) + "</font>"));
Я хотел сделать что-то подобное. Я наконец-то должен был найти TextView
среди SearchView
дети:
for (TextView textView : findChildrenByClass(searchView, TextView.class)) {
textView.setTextColor(Color.WHITE);
}
Если вы хотите метод util:
public static <V extends View> Collection<V> findChildrenByClass(ViewGroup viewGroup, Class<V> clazz) {
return gatherChildrenByClass(viewGroup, clazz, new ArrayList<V>());
}
private static <V extends View> Collection<V> gatherChildrenByClass(ViewGroup viewGroup, Class<V> clazz, Collection<V> childrenFound) {
for (int i = 0; i < viewGroup.getChildCount(); i++)
{
final View child = viewGroup.getChildAt(i);
if (clazz.isAssignableFrom(child.getClass())) {
childrenFound.add((V)child);
}
if (child instanceof ViewGroup) {
gatherChildrenByClass((ViewGroup) child, clazz, childrenFound);
}
}
return childrenFound;
}
Вы можете изменить цвет по умолчанию, используя android:theme
атрибут в представлении.
Если вы используете Toolbar
или MaterialToolbar
:
<com.google.android.material.appbar.MaterialToolbar
android:theme="@style/ThemeOverlay.Toobar"
...>
или:
<androidx.appcompat.widget.Toolbar
android:theme="@style/ThemeOverlay.Toobar"
...>
где наложение темы с темой компонентов материала:
<style name="ThemeOverlay.Toobar" parent="ThemeOverlay.MaterialComponents.Toolbar.Primary">
<!-- Text color -->
<item name="android:editTextColor">@color/....</item>
<!-- Hint text color -->
<item name="android:textColorHint">@color/...</item>
</style>
с темой AppCompat:
<style name="ThemeOverlay.Toobar" parent="ThemeOverlay.AppCompat.Light.*">
<!-- Text color -->
<item name="android:editTextColor">@color/....</item>
<!-- Hint text color -->
<item name="android:textColorHint">@color/...</item>
</style>
Если вы используете SearchView
в вашем макете вы можете сделать что-то подобное:
<androidx.appcompat.widget.SearchView
android:theme="@style/ThemeOverlay.SearchView"
с участием
<style name="ThemeOverlay.SearchView" parent="">
<!-- Text color -->
<item name="android:editTextColor">@color/...</item>
<!-- Hint text color -->
<item name="android:textColorHint">@color/...</item>
</style>
Это лучше всего достигается с помощью пользовательских стилей. Перегрузите стиль виджета панели действий своим собственным стилем. Для голографического освещения с темной панелью действий поместите это в свой собственный файл стилей, например res/values/styles_mytheme.xml
:
<style name="Theme.MyTheme" parent="@android:style/Theme.Holo.Light.DarkActionBar">
<item name="android:actionBarWidgetTheme">@style/Theme.MyTheme.Widget</item>
<!-- your other custom styles -->
</style>
<style name="Theme.MyTheme.Widget" parent="@android:style/Theme.Holo">
<item name="android:textColorHint">@android:color/white</item>
<!-- your other custom widget styles -->
</style>
Убедитесь, что ваше приложение использует собственную тему темы, как описано в описании ссылки здесь
Вы можете сделать это, установив editTextColor
атрибут в стиле.
<style name="SearchViewStyle" parent="Some.Relevant.Parent">
<item name="android:editTextColor">@color/some_color</item>
</style>
и вы применяете этот стиль к Toolbar
или SearchView
в макете.
<android.support.v7.widget.Toolbar
android:theme="@style/SearchViewStyle">
<android.support.v7.widget.SearchView />
</android.support.v7.widget.Toolbar>
Если вы используете - android.support.v7.widget.SearchView
SearchView searchView = (SearchView) item.getActionView();
EditText editText = (EditText) searchView.findViewById(android.support.v7.appcompat.R.id.search_src_text);
editText.setTextColor(Color.WHITE);
Создать стиль для вашего Toolbar
<style name="AppTheme.Toolbar" parent="ThemeOverlay.AppCompat.ActionBar">
<item name="android:editTextColor">@color/some_color</item>
</style>
И установите его в качестве темы для Toolbar
<android.support.v7.widget.Toolbar
android:theme="@style/AppTheme.Toolbar"
...
Если вы используете android.support.v7.widget.SearchView, это возможно без использования отражения.
Вот как я делаю это в моем приложении:
EditText text = (EditText) searchView.findViewById(android.support.v7.appcompat.R.id.search_src_text);
ImageView searchCloseIcon = (ImageView) searchView.findViewById(android.support.v7.appcompat.R.id.search_close_btn);
View searchPlate = searchView.findViewById(android.support.v7.appcompat.R.id.search_plate);
if (searchPlate != null) {
searchPlate.setBackgroundResource(R.drawable.search_background);
}
if (text != null){
text.setTextColor(resources.getColor(R.color.white));
text.setHintTextColor(getResources().getColor(R.color.white));
SpannableStringBuilder magHint = new SpannableStringBuilder(" ");
magHint.append(resources.getString(R.string.search));
Drawable searchIcon = getResources().getDrawable(R.drawable.ic_action_view_search);
int textSize = (int) (text.getTextSize() * 1.5);
searchIcon.setBounds(0, 0, textSize, textSize);
magHint.setSpan(new ImageSpan(searchIcon), 0, 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
// Set the new hint text
text.setHint(magHint);
}
if (searchCloseIcon != null){
searchCloseIcon.setImageDrawable(getResources().getDrawable(R.drawable.ic_action_close));
}
Они не раскрывают идентификаторы публично для SearchView без приложения appcompat, но они делают для AppCompat, если вы знаете, где искать.:)
У меня была эта проблема, и это работает для меня.
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.customer_menu, menu);
SearchManager searchManager = (SearchManager) getSystemService(Context.SEARCH_SERVICE);
SearchView searchView = (SearchView) menu.findItem(R.id.menu_customer_search).getActionView();
searchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));
searchView.setOnQueryTextListener(this);
//Applies white color on searchview text
int id = searchView.getContext().getResources().getIdentifier("android:id/search_src_text", null, null);
TextView textView = (TextView) searchView.findViewById(id);
textView.setTextColor(Color.WHITE);
return true;
}
Если вы основываете тему своего приложения на голографической теме, вы получите белый вместо черного текста в SearchView.
<style name="Theme.MyTheme" parent="android:Theme.Holo">
Я не нашел другого способа изменить цвет текста в окне поиска без использования грязных хаков.
Это работает для меня, если вы используетеandroidx.appcompat.widget.SearchView примените androidx.appcompat.R.id.search_src_text для идентификации searchview, не возвращает null в textView
TextView textView = (TextView) searchView.findViewById(androidx.appcompat.R.id.search_src_text);
textView.setTextColor(Color.RED);
textView.setHintTextColorstrong text(Color.RED);
Да, это возможно, используя следующий метод.
public static EditText setHintEditText(EditText argEditText, String argHintMessage, boolean argIsRequire) {
try {
if (argIsRequire) {
argHintMessage = " " + argHintMessage;
//String text = "<font color=#8c8c8c>"+argHintMessage+"</font> <font color=#cc0029>*</font>";
String text = "<font color=#8c8c8c>" + argHintMessage + "</font>";
argEditText.setHint(Html.fromHtml(text));
} else {
argEditText.setHint(argHintMessage);
}
} catch (Exception e) {
e.printStackTrace();
}
return argEditText;
}
Вызов этого метода выглядит следующим образом..
metLoginUserName=(EditText)this.findViewById(R.id.etLoginUserName);
metLoginPassword=(EditText)this.findViewById(R.id.etLoginPassword);
/**Set the hint in username and password edittext*/
metLoginUserName=HotSpotStaticMethod.setHintEditText(metLoginUserName, getString(R.string.hint_username),true);
metLoginPassword=HotSpotStaticMethod.setHintEditText(metLoginPassword, getString(R.string.hint_password),true);
используя его, я успешно добавил метку красного цвета * в подсказке, используя этот метод. Вы должны изменить этот метод в соответствии с вашими требованиями. Я надеюсь, что это полезно для вас....:)
Самый чистый способ это:
Панель инструментов использует тему ThemeOverlay.AppCompat.Dark.Actionbar.
Теперь сделайте из этого ребенка:
toolbarStyle родительский "ThemeOverlay.AppCompat.Dark.Actionbar"
добавить этот элемент в этом стиле
название элемента "android:editTextColor"> ваш цвет
Готово.
Еще одна очень важная вещь, на панели инструментов поместите layout_height ="? Attr/actionbarSize". По умолчанию это wrap_content. Для меня текст даже не был виден в searchview, он исправил эту проблему.
Изменить цвет набираемого текста:
((EditText)((SearchView)findViewById(R.id.searchView)).findViewById(((SearchView)findViewById(R.id.searchView)).getContext().getResources().getIdentifier("android:id/search_src_text", null, null))).setTextColor(Color.WHITE);
Изменить цвет текста подсказки:
((EditText)((SearchView)findViewById(R.id.searchView)).findViewById(((SearchView)findViewById(R.id.searchView)).getContext().getResources().getIdentifier("android:id/search_src_text", null, null))).setHintTextColor(Color.LTGRAY);
Это работает для меня.
final SearchView searchView = (SearchView) MenuItemCompat.getActionView(item);
searchView.setOnQueryTextListener(this);
searchEditText = (EditText) searchView.findViewById(android.support.v7.appcompat.R.id.search_src_text);
searchEditText.setTextColor(getResources().getColor(R.color.white));
searchEditText.setHintTextColor(getResources().getColor(R.color.white));
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN)
{
searchEditText.setBackgroundColor(getResources().getColor(R.color.c_trasnparent));
searchEditText.setGravity(Gravity.CENTER);
searchEditText.setCompoundDrawables(null,null,R.drawable.ic_cross,null);
}
Да мы можем,
SearchView searchView = (SearchView) findViewById(R.id.sv_symbol);
Чтобы применить белый цвет для текста SerachView,
int id = searchView.getContext().getResources().getIdentifier("android:id/search_src_text", null, null);
TextView textView = (TextView) searchView.findViewById(id);
textView.setTextColor(Color.WHITE);
Удачного кодирования!!!!
Используйте это, это правильно.:D
AutoCompleteTextView searchText = (AutoCompleteTextView) searchView.findViewById(R.id.abs__search_src_text);
searchText.setHintTextColor(getResources().getColor(color.black));
searchText.setTextColor(getResources().getColor(color.black));
TextView textView = (TextView) searchView.findViewById(R.id.search_src_text);
textView.setTextColor(Color.BLACK);
Для панели инструментов appcompat-v7 с searchView (предоставляется через MenuItemCompat):
Установка темы панели инструментов на @style/ThemeOverlay.AppCompat.Light даст темный цвет (черный) для текста подсказки и для введенного текста, но не повлияет на цвет курсора *. Соответственно, установка темы панели инструментов на @style/ThemeOverlay.AppCompat.Dark даст светлый цвет (белый) для текста подсказки и введенного текста, курсор * в любом случае будет белым.
Настройка вышеуказанных тем:
android:textColorPrimary -> цвет введенного текста
editTextColor -> цвет введенного текста (переопределит влияние android:textColorPrimary, если установлено)
android: textColorHint -> цвет подсказки
* примечание: еще предстоит определить, как можно управлять цветом курсора (без использования отражающего раствора).
Изменить стиль searchView на панели инструментов с помощью androidx.
во-первых, установите стиль просмотра поиска в стиле панели инструментов (измените родительский элемент на свое собственное приложение):
<!-- toolbar style -->
<style name="ToolbarStyle" parent="Theme.AppCompat.Light.NoActionBar">
<!-- search view about -->
<item name="android:editTextColor">@color/colorWhitePrimaryText</item>
<item name="android:textColorHint">@color/colorWhiteSecondaryText</item>
<item name="android:textCursorDrawable">@drawable/drawable_cursor_white</item>
<item name="closeIcon">@mipmap/ic_close</item>
<item name="searchHintIcon">@mipmap/ic_search_white</item>
<item name="searchIcon">@mipmap/ic_search_white</item>
<item name="android:longClickable">false</item>
<item name="android:queryHint">@string/toolbar_search</item>
</style>
затем используйте его в макете панели инструментов:
android:theme="@style/ToolbarStyle"
с его помощью вы можете изменить большинство стилей searchView, кроме подсказки запроса.
наконец, установите подсказку запроса в параметрах меню панели инструментов:
toolbar.setOnMenuItemClickListener(item -> {
switch (item.getItemId()){
case R.id.toolbar_search:
SearchView searchView = (SearchView) item.getActionView();
searchView.setQueryHint("default query");
searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
@Override
public boolean onQueryTextSubmit(String query) {
return false;
}
@Override
public boolean onQueryTextChange(String newText) {
return false;
}
});
return true;
default:
return false;
}
Вот это да. Много ответов. Он получает значение цвета от вашего основного цвета.
Измените это, и это сделано!
@Override
public void onResume() {
super.onResume();
getActivity().setTheme(R.style.YourTheme_Searching);
}
Стили;
<style name="YourTheme.Searching" parent="YourTheme">
<item name="android:textColorPrimary">@android:color/white</item>
</style>
С Kotlin и AndroidX просто попробуйте следующее:
val id: Int = binding.searchView.context
.resources
.getIdentifier("android:id/search_src_text", null, null)
val editText: EditText = binding.searchView.findViewById(id)
editText.setTextColor(Color.BLUE)
editText.setHintTextColor(Color.BLACK)
Kotlin способ изменения цвета текста/подсказки с помощью расширения
fun SearchView.changeColors(color: Int) {
val editText = this.findViewById<EditText>(androidx.appcompat.R.id.search_src_text)
editText.setTextColor(ContextCompat.getColor(context, color))
editText.setHintTextColor(ContextCompat.getColor(context, color))
}
SearchView
объект простирается от LinearLayout
Таким образом, он имеет другие взгляды. Хитрость заключается в том, чтобы найти представление, содержащее текст подсказки, и программно изменить цвет. Проблема с попыткой найти представление по идентификатору заключается в том, что идентификатор зависит от темы, используемой в приложении. Таким образом, в зависимости от используемой темы, findViewById(int id)
метод может вернуться null
, Лучший подход, который работает с каждой темой, состоит в том, чтобы обойти иерархию представления и найти виджет, содержащий текст подсказки:
// 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
проведение поискового запроса. Если Google не решит изменить иерархию просмотра SearchView
В скором времени вы сможете изменить виджет с помощью этого метода на некоторое время.
Можно настроить searchview с помощью библиотеки appcompat v7. Я использовал библиотеку appcompat v7 и определил для нее собственный стиль. В папке drawable поместите файл 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/
С помощью этого я смог изменить набранный цвет текста в окне поиска
AutoCompleteTextView typed_text = (AutoCompleteTextView) inputSearch.findViewById(inputSearch.getContext().getResources().getIdentifier("android:id/search_src_text", null, null));
typed_text.setTextColor(Color.WHITE);
searchView = (SearchView) view.findViewById(R.id.searchView);
SearchView.SearchAutoComplete searchText = (SearchView.SearchAutoComplete) searchView
.findViewById(org.holoeverywhere.R.id.search_src_text);
searchText.setTextColor(Color.BLACK);
Я пользуюсь библиотекой Holoeverywhere. Обратите внимание на org.holoeverywhere.R.id.search_src_text