如何更改searchview图标颜色?

时间:2017-06-30 22:20:11

标签: android eclipse android-actionbar icons searchview

我知道这里已经有很多关于这个问题的答案,如果我还没有尝试过我在这里看到的所有东西,我就不会创建另一个线程。 无论如何,问题很简单。我不介意解决方案是来自XML样式还是Java代码(欢迎这两种解决方案)。我将展示所有内容(无论如何)我试图解决它。

首先,searview图标似乎是代码不可变的,因为我无法改变它。我的搜索视图在menu.xml中声明为

<item android:id="@+id/icon_search"
    android:title="Searchador"
    android:icon="@drawable/ic_search_black_24dp" <!-- icon not used by searchview anyway -->
    android:showAsAction="always"
    android:actionViewClass="android.widget.SearchView"
/>

在我的onCreateOptionsMenu里面我有这个

SearchManager searchManager = (SearchManager) getSystemService(Context.SEARCH_SERVICE);
searchMenuItem = menu.findItem(R.id.icon_search);
searchView = (SearchView) searchMenuItem.getActionView();
searchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));
searchView.setSubmitButtonEnabled(false);
searchView.setOnQueryTextListener(this);
MenuTint.colorIcons(this, menu, Color.BLUE);
return true;

MenuTint.colorIcons(this, menu, Color.BLUE);我从一个特殊的课程中找到了here,它基本上改变了我的所有图标颜色,但遗憾的是不适用于searchview图标。

然后我找到了一些建议使用这样的风格的答案

<style name="SearchViewStyle" parent="Widget.AppCompat.SearchView">
   <!-- changing my icon, its color and stuff.. -->
   <item name="searchIcon">@drawable/ic_search</item></style>

但我收到No resource found that matches the given name 'Widget.AppCompat.SearchView'.错误。

然后我发现我应该添加android-support-app-compat项目库而不仅仅是.jar。它没用。我的意思是,导入工作,但错误一直显示。然后,我找到了一个地方,我应该将project.properties从target = android-19更改为21(或更高),但它没有解决“找不到资源”错误。

所以我非常喜欢这个简单的细节,我需要更改搜索视图的颜色。

此外,这不是完全相同的问题,但我相信它可能会以同样的方式解决,所以我将包括在这里:我想改变图标之间的距离。有人提出了这个解决方案

<style name="ActionButtonStyle" parent="AppBaseTheme">
    <item name="android:minWidth">0dip</item>
    <item name="android:paddingLeft">0dip</item>
    <item name="android:paddingRight">0dip</item>                  
</style>

但我最终获得了this

正如您所看到的,此方法仅适用于我的自定义图标,但不适用于searchview图标,也不适用于菜单溢出图标。我想平等地改变所有图标之间的距离。

9 个答案:

答案 0 :(得分:6)

要更改搜索视图的图标颜色,请使用以下代码行:

SearchView searchView = (SearchView) findViewById(R.id.searchview);
ImageView icon = searchView.findViewById(android.support.v7.appcompat.R.id.search_button);
icon.setColorFilter(Color.BLACK);

答案 1 :(得分:5)

如果您想更改SearchView的搜索图标,只需在视图中获取图片视图,如下所示:

searchView = v.findViewById(R.id.searchView);
//change icon color
ImageView searchIcon = searchView.findViewById(android.support.v7.appcompat.R.id.search_button);
searchIcon.setImageDrawable(ContextCompat.getDrawable(getActivity(),R.drawable.ic_search_icon));

图标是 R.id.search_button 非常重要,您可以将其替换为您提供的白色矢量资源,在本例中为 R.drawable.ic_search_icon

同样,您可以按如下方式更改SearchView中的文本:

//set color to searchview
SearchView.SearchAutoComplete searchAutoComplete = searchView.findViewById(android.support.v7.appcompat.R.id.search_src_text);
searchAutoComplete.setHintTextColor(getResources().getColorandroid.R.color.white));
searchAutoComplete.setTextColor(getResources().getColor(android.R.color.white));

答案 2 :(得分:4)

对于android.x

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    ...

    ImageView searchIcon= 
    searchView.findViewById(androidx.appcompat.R.id.search_mag_icon);

    // To change color of close button, use:
    // ImageView searchCloseIcon = (ImageView)searchView
    //        .findViewById(androidx.appcompat.R.id.search_close_btn);

    searchIcon.setColorFilter(getResources().getColor(R.color.colorPrimary),
            android.graphics.PorterDuff.Mode.SRC_IN);

    ...

    return true;

}

答案 3 :(得分:2)

 final SearchView searchViewAndroidActionBar = (SearchView) MenuItemCompat.getActionView(searchViewItem);
        // change close icon color
        ImageView iconClose = (ImageView) searchViewAndroidActionBar.findViewById(android.support.v7.appcompat.R.id.search_close_btn);
        iconClose.setColorFilter(getResources().getColor(R.color.grey));
       //change search icon color
        ImageView iconSearch = searchViewAndroidActionBar.findViewById(android.support.v7.appcompat.R.id.search_button);
        iconSearch.setColorFilter(getResources().getColor(R.color.grey));

答案 4 :(得分:0)

采用要着色的Drawable,用着色的drawable包装它,然后将其设置为搜索菜单项的新对象:

@JvmStatic
fun getTintedDrawable(inputDrawable: Drawable, @ColorInt color: Int): Drawable {
    val wrapDrawable = DrawableCompat.wrap(inputDrawable.mutate())
    DrawableCompat.setTint(wrapDrawable, color)
    DrawableCompat.setTintMode(wrapDrawable, Mode.SRC_IN)
    return wrapDrawable
}

用法:

val drawable =getTintedDrawable(...)
searchMenuItem.icon = drawable

这应该适用于android-x(支持库)支持的所有Android版本。

答案 5 :(得分:0)

使用以下代码:

ImageView searchIcon = searchView.findViewById(R.id.search_button);
searchIcon.setColorFilter(Color.WHITE);

如果要更改关闭图标的颜色,请使用以下一种:

ImageView searchClose = searchView.findViewById(R.id.search_close_btn);
searchIcon.setColorFilter(Color.WHITE);

答案 6 :(得分:0)

我发现在稍后(2020年)的appCompat场景中,我无法更改图标颜色,但是发现该图标可以正常工作:

(kotlin)


searchItem.icon.colorFilter = BlendModeColorFilterCompat.createBlendModeColorFilterCompat(Color.RED, BlendModeCompat.SRC_ATOP)

答案 7 :(得分:0)

您可以通过添加自己的可绘制图标来更改或自定义 SearchView 的图标。

        <androidx.appcompat.widget.SearchView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        app:closeIcon="@drawable/close_icon"
        app:searchHintIcon="@drawable/search_icon"
        app:searchIcon="@drawable/search_icon"
        android:textStyle="bold" />

答案 8 :(得分:0)

使用以下代码:

MenuItem searchItem = menu.findItem(R.id.action_search);
SearchView mSearchView = (SearchView) searchItem.getActionView();
Drawable dr = searchItem.getIcon();
    
dr.setColorFilter(ContextCompat.getColor(this, R.color.colorPrimary), PorterDuff.Mode.SRC_ATOP);

OR:

dr.setColorFilter(BlendModeColorFilterCompat
         .createBlendModeColorFilterCompat(Color.RED, BlendModeCompat.SRC_ATOP));