如何在actionbar中更改搜索视图的图标颜色？
如何在actionbar中更改搜索视图的图标颜色？
提问于 2017-12-07 06:04:03
This is my menu.xml (这是我的邮件地址)
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="@+id/action_search"
android:icon="@drawable/search_icon"
android:title="@string/action_search"
app:actionViewClass="android.widget.SearchView"
app:showAsAction="always" />
<item
android:id="@+id/action_favorite"
android:icon="@drawable/favorite_icon"
android:title="@string/action_favorite"
app:showAsAction="always" />
<item
android:id="@+id/themes"
android:title="@string/overflow_menu_item"
app:showAsAction="never">
<menu>
<item
android:id="@+id/background1"
android:title="Red-PinkGradient"
/>
<item
android:id="@+id/background2"
android:title="Red-Gradient"
/>
<item
android:id="@+id/background3"
android:title="Green-Gradient"
/>
<item
android:id="@+id/background4"
android:title="Black-GreyGradient"
/>
</menu>
</item>
<item
android:title="@string/overflow_menu_item2"
android:id="@+id/settings"
/>
这是我的styles.xml
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="actionOverflowButtonStyle">@style/overFlow</item>
<item name="searchViewStyle">@style/CustomSearchViewStyle</item>
</style>
<style name="overFlow" parent="@style/Widget.AppCompat.Light.ActionButton.Overflow">
<item name="android:src">@drawable/ic_overflow_icon</item>
</style>
<style name="CustomSearchViewStyle" parent="Widget.AppCompat.SearchView">
<item name="queryBackground">@color/white</item>
<item name="searchIcon">@drawable/search_icon</item>
</style>如何更改搜索视图的图标颜色？我试图将我项目中的图标设置为可绘制的白色搜索图标，但我仍然是黑色的。https://imgur.com/a/LCRzt (这就是我现在拥有的，但搜索图标需要是白色的) https://imgur.com/a/Q65lS (什么是想要的结果)
我想要的颜色是白色，为其他图标它的工作，但不是为我的搜索视图。
第二个问题是，当我点击搜索图标时，我的溢出消失了，这是我想要的，但我最喜欢的图标仍然在那里，我如何才能让它消失？我怎样才能让关闭按钮也变成白色，小x图标来关闭searchView。https://imgur.com/a/3EBa4 (我现在拥有的) https://imgur.com/a/CbvqR (我想要的)我该如何解决这个问题？
提前谢谢你，-Vince
回答 3
Stack Overflow用户
回答已采纳
发布于 2017-12-07 06:27:18
您需要使用android.support.v7.widget.SearchView
<style name="SearchViewStyle" parent="Widget.AppCompat.SearchView">
<!-- Gets rid of the search icon -->
<item name="searchIcon">@drawable/ic_search</item>
<!-- Gets rid of the "underline" in the text -->
<item name="queryBackground">@color/white</item>
<!-- Gets rid of the search icon when the SearchView is expanded -->
<item name="searchHintIcon">@null</item>
<!-- The hint text that appears when the user has not typed anything -->
<item name="queryHint">@string/search_hint</item>
</style>Stack Overflow用户
发布于 2018-07-26 08:37:47
我找到了另一个解决方案来覆盖默认的搜索视图图标颜色，这样你就不必使用可绘制的了。
@Override
public boolean onCreateOptionsMenu(Menu menu) {
MenuInflater menuInflater = getMenuInflater();
menuInflater.inflate(R.menu.menu, menu);
android.support.v7.widget.SearchView searchView = (android.support.v7.widget.SearchView) menu.findItem(R.id.action_search).getActionView();
ImageView icon = searchView.findViewById(android.support.v7.appcompat.R.id.search_button);
icon.setColorFilter(Color.WHITE);
return super.onCreateOptionsMenu(menu);
}此代码更改默认搜索视图图标的颜色。
android.support.v7.widget.SearchView searchView = (android.support.v7.widget.SearchView) menu.findItem(R.id.action_search).getActionView();
ImageView icon = searchView.findViewById(android.support.v7.appcompat.R.id.search_button);
icon.setColorFilter(Color.WHITE);Stack Overflow用户
发布于 2021-09-18 09:06:31
您可以定义搜索视图的样式，如下所示：
<style name="SearchViewStyle" parent="Widget.AppCompat.SearchView">
//text color
<item name="android:editTextColor">@color/white</item>
//icon color
<item name="android:tint">@color/white</item>
//cursor color
<item name="colorAccent">@color/white</item>
//query search icon color
<item name="colorControlNormal">@color/sb_light_gray</item>
</style>并在xml中调用它：
<androidx.appcompat.widget.SearchView
android:id="@+id/searchview_passage"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/SearchViewStyle />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47684202
复制相关文章
相似问题