Как изменить стиль SearchView? - PullRequest
Новая
       11

Как изменить стиль SearchView?

0 голосов
/ 21 мая 2019

Я должен реализовать SearchView в своем приложении.

Объявление XML выглядит следующим образом: 

<SearchView
     android:id="@+id/searchView"
     style="@style/SearchViewStyle"
     android:layout_width="wrap_content"
     android:layout_height="20dp"
     android:layout_alignParentEnd="true"
     android:layout_marginTop="5dp"
     android:layout_marginBottom="5dp"
     app:layout_constraintBottom_toBottomOf="parent"
     app:layout_constraintEnd_toEndOf="parent"
     app:layout_constraintTop_toTopOf="parent" />

Стиль: 

<style name="SearchViewStyle" parent="Widget.AppCompat.SearchView">
 <item name="android:searchIcon">@drawable/ico_search</item>
 <item name="android:queryBackground">@android:color/transparent</item>

и, наконец, в упражнении: 

SearchView mSearchView = findViewById(R.id.searchView);
mSearchView.setIconifiedByDefault(true);
mSearchView.setSubmitButtonEnabled(false);
mSearchView.setOnQueryTextListener(this);
mSearchView.setQueryHint("Search here");

Я не понимаю, как изменить цвет текста подсказки и фона «edittext», где я набираю ключевые слова, используемые для исследования.

Что я только что попробовал?

Добавьте эту строку в style.xml 

<item name="android:textSize">18sp</item>
<item name="android:textColor">@color/white</item>

или добавьте это в свою деятельность 

AutoCompleteTextView searchText = (AutoCompleteTextView) searchView.findViewById(R.id.abs__search_src_text);
searchText.setHintTextColor(getResources().getColor(color.black));
searchText.setTextColor(getResources().getColor(color.black));

Эти решения не сработали.

Ответы [ 2 ]

0 голосов
/ 21 мая 2019

Вы можете оформить свой SearchView так: 

<style name="Theme.MyTheme" parent="Theme.AppCompat">
   <item name="searchViewStyle">@style/MySearchViewStyle</item>
</style>
<style name="MySearchViewStyle" parent="Widget.AppCompat.SearchView">
   <!-- Background for the search query section (e.g. EditText) -->
   <item name="queryBackground">...</item>
   <!-- Background for the actions section (e.g. voice, submit) -->
   <item name="submitBackground">...</item>
   <!-- Close button icon -->
   <item name="closeIcon">...</item>
   <!-- Search button icon -->
   <item name="searchIcon">...</item>
   <!-- Go/commit button icon -->
   <item name="goIcon">...</item>
   <!-- Voice search button icon -->
   <item name="voiceIcon">...</item>
   <!-- Commit icon shown in the query suggestion row -->
   <item name="commitIcon">...</item>
   <!-- Layout for query suggestion rows -->
   <item name="suggestionRowLayout">...</item>
</style>

Вот подробная информация https://philio.me/styling-the-searchview-with-appcompat-v21/

0 голосов
/ 21 мая 2019

Вы можете использовать EditeText вместо searchBox с тем же свойством, используя форму: 

  <EditText
                      android:id="@+id/edt_search"
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:layout_weight="1"
                      android:background="@drawable/shape_rectangle_edittext"
                      android:drawableRight="@drawable/ic_search_gray"
                      android:ems="10"
                      android:hint="@string/search_box"
                      android:imeOptions="actionSearch"
                      android:inputType="text"
                      android:padding="@dimen/size10"
                      android:textColorHint="#444"
                      android:textSize="@dimen/size16"
                      />

и shape_rectangle_edittext.xml в режиме рисования: 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle" android:padding="10dp">
    <solid android:color="#777"/>
    <corners
        android:bottomRightRadius="10dp"
        android:bottomLeftRadius="10dp"
        android:topLeftRadius="10dp"
        android:topRightRadius="10dp"/>
</shape>
...