Настроить поиск в Android ActionBar
--- РЕШАЕМ ПРОБЛЕМЫ - ДОБАВЛЯТЬ ОТВЕТЫ В ИЗМЕНЕНИИ ТЕКСТА ---
Я использую ActionBar
Шерлок в своем приложении для Android. Там я хочу показать SearchView
.
Пока все работает нормально, но я понимаю, что я делаю что-то неправильно при попытке настроить его.
Я создаю его следующим образом:
searchView.setQueryHint("Search: ");
searchView.setOnQueryTextListener(this);
searchView.setOnCloseListener(...);
searchMenuItem = menu.add("Search place");
searchMenuItem.setIcon(R.drawable.ic_action_search)
.setActionView(searchView)
.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM | MenuItem.SHOW_AS_ACTION_COLLAPSE_ACTION_VIEW);
Я хочу сделать две вещи:
-
Измените цвет текста "Поиск", который отображается в появившемся текстовом поле. Похоже, я изменил его с общим стилем текста в моей теме, но я надеюсь, что смогу каким-то образом установить отдельный цвет.
-
При открытии этого вида поиска он отображается в левой части панели действий. Но мне нужно это с правой стороны. Значок (лупа) на самом деле находится на правой стороне панели, но нажатие на него открывает поле EditText с левой стороны. Я попытался использовать LayoutParams, но мне не хватает чего-то существенного при попытке добавить его в панель действий с помощью LayoutParams.
![enter image description here]()
Так что, надеюсь, кто-то может мне помочь.
Большое спасибо,
Tobias
---- EDIT ----
Хорошо, так что с этим все решено. Добавление ActionBar с помощью XML делает TextEdit вправо.
getSupportMenuInflater().inflate(R.menu.activity_main, menu);
MenuItem searchItem = menu.findItem(R.id.action_search);
SearchView searchView = (SearchView) searchItem.getActionView();
Log.e(TAG, "searchView: " + searchView);
И в моем menu.xml
<item android:id="@+id/action_search"
android:title="Search"
android:icon="@drawable/ic_action_search"
android:showAsAction="always"
android:actionViewClass="com.actionbarsherlock.widget.SearchView" />
Итак, по крайней мере одна загадка решена (почему когда-либо это имело значение). Но вновь созданный XML больше не закрывается при вызове
searchMenuItem.collapseActionView();
Так что с ним все еще что-то не так.
--- EDIT 2 ---
Просто чтобы вы знали. Я нашел решение для цвета текста. Этого можно добиться с помощью AutoCompleteTextView SearchView:
AutoCompleteTextView searchText = (AutoCompleteTextView) searchView.findViewById(R.id.abs__search_src_text);
searchText.setHintTextColor(getResources().getColor(R.color.white));
searchText.setTextColor(getResources().getColor(R.color.white));
Итак, последняя проблема заключается в том, что SearchView больше не закрывается при отправке текста. Так collapseActionView() и т.д. Не работает. Любые идеи?
--- EDIT 3 ---
Хорошо, я нашел решение. Я не знаю, правильно ли это сделать, но при использовании
((SearchView) searchMenuItem.getActionView()).setIconified(true);
он закрывает EditText
Мне нужно сделать это дважды, потому что первый раз это только "удаление" моего входного текста и отображение "подсказки", тогда как второе использование - "закрытие" подсказки EditText и сворачивание searchView в лупу.
Неуклюжий стиль, но он работает.: -)
Ответы
Ответ 1
Я сделал класс SearchViewFormatter, чтобы легко форматировать собственный виджет SearchView android. Пример:
new SearchViewFormatter()
.setSearchBackGroundResource(R.drawable.my_bg)
.setSearchIconResource(R.drawable.my_ic, true, false) //true to icon inside edittext, false to outside
.setSearchVoiceIconResource(R.drawable.my_ic)
.setSearchTextColorResource(R.color.my_color)
.setSearchHintColorResource(R.color.my_color)
.setSearchCloseIconResource(R.drawable.my_ic)
.setInputType(InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS)
.format(mSearchView);
Ответ 2
FYI теперь с поддержкой ActionBar v7 appcompat путь для цвета подсказки подсказки изменения, цвет текста, размер текста:
import android.support.v4.view.MenuItemCompat;
import android.support.v7.widget.SearchView;
import android.support.v7.widget.SearchView.SearchAutoComplete;
...
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu_home, menu);
MenuItem searchItem = menu.findItem(R.id.item_search);
mSearchView = (SearchView) MenuItemCompat.getActionView(searchItem);
mSearchView.setOnQueryTextListener(this);
mSearchView.setQueryHint(getString(R.string.text));
SearchAutoComplete searchAutoComplete = (SearchAutoComplete) mSearchView.findViewById(android.support.v7.appcompat.R.id.search_src_text);
searchAutoComplete.setHintTextColor(mRes.getColor(android.R.color.white));
searchAutoComplete.setTextSize(14);
return super.onCreateOptionsMenu(menu);
}
Ответ 3
Я сделал закругленный угол для редактирования текста следующим образом.
int searchPlateId = searchView.getContext().getResources().getIdentifier("android:id/search_plate", null, null);
View searchPlate = findViewById(searchPlateId);
searchPlate.setBackgroundResource(R.drawable.bg_white_rounded);
int searchSrcTextId = getResources().getIdentifier("android:id/search_src_text", null, null);
EditText searchEditText = (EditText) searchView.findViewById(searchSrcTextId);
searchEditText.setTextColor(Color.BLACK);
searchEditText.setHintTextColor(Color.LTGRAY);
int closeButtonId = searchView.getContext().getResources().getIdentifier("android:id/search_close_btn", null, null);
ImageView closeButtonImage = (ImageView) searchView.findViewById(closeButtonId);
closeButtonImage.setColorFilter(ContextCompat.getColor(MainActivity.this, R.color.colorPrimary), PorterDuff.Mode.SRC_IN);
bg_white_background.xml:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#ffffff"/>
<corners android:radius="8dp"/>
</shape>
![Перед нажатием кнопки поиска]()
![После нажатия кнопки поиска]()
<SearchView
android:id="@+id/searchView"
android:layout_width="match_parent"
android:queryHint="Serach"
android:layout_height="match_parent"></SearchView>
Ответ 4
Чтобы решить вопрос номер 2
Измените эту строку:
.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM | MenuItem.SHOW_AS_ACTION_COLLAPSE_ACTION_VIEW);
To:
.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);
использовать только параметр SHOW_AS_ACTION_IF_ROOM
по методу setShowAsAction()