如何更改SearchView上的默认图标,以在Android上的操作栏中使用?

我在自定义SearchView中的搜索图标时遇到了一些麻烦。 在我看来,图标可以在Item属性中更改,对吧? 只要检查下面的代码

有人能告诉我我做错了什么吗?

这是我正在使用的菜单,我的自定义搜索图标icn_lupa 。 但是,当我运行的应用程序,我总是得到默认的搜索图标…

   

提前致谢。

它看起来像actionViewClass覆盖图标,它看起来不像你可以改变它从这个类 。

你有两个解决方案:

  • 与它一起生活,我认为这是用户体验和平台一致性方面的最佳选择。
  • 定义你自己的actionViewClass

我find了另一种方法来改变搜索图标,在迭onPrepareOptionsMenu的回答,但在onPrepareOptionsMenu

在你的menu.xml中(和以前一样)

    

在你的活动中:

 @Override public boolean onPrepareOptionsMenu(Menu menu) { MenuItem searchViewMenuItem = menu.findItem(R.id.action_search); mSearchView = (SearchView) searchViewMenuItem.getActionView(); int searchImgId = getResources().getIdentifier("android:id/search_button", null, null); ImageView v = (ImageView) mSearchView.findViewById(searchImgId); v.setImageResource(R.drawable.your_new_icon); mSearchView.setOnQueryTextListener(this); return super.onPrepareOptionsMenu(menu); } 

在这个例子中,我跟着这个例子改变了edittext。

您应该能够在SearchView为所有图标/背景执行此操作,以查找可在此处 SearchView的正确ID。

希望这可以帮助别人!

更新2017年11月:

由于这个答案android已更新的可能性,通过XML更改搜索图标。

如果你的目标是android v21以下,你可以使用:

  

或者v21及更高版本:

  

还有更多的选择:

 closeIcon commitIcon goIcon searchHintIcon searchIcon voiceIcon 

来自@just_user的好回答

对于我的情况,因为我使用的是SearchView + ActionBar的appcompat v7库,所以我修改了一下他的解决方案,使其与我的项目兼容,只要你没有修改任何东西,当你添加appcompat v7为图书馆

XML:

    

Java代码:

 @Override public void onPrepareOptionsMenu(Menu menu) { MenuItem searchViewMenuItem = menu.findItem(R.id.main_menu_action_search); SearchView mSearchView = (SearchView) MenuItemCompat.getActionView(searchViewMenuItem); int searchImgId = android.support.v7.appcompat.R.id.search_button; // I used the explicit layout ID of searchview's ImageView ImageView v = (ImageView) mSearchView.findViewById(searchImgId); v.setImageResource(R.drawable.search_btn); super.onPrepareOptionsMenu(menu); } 

对于这个非常大的图标(我还没有调整图标大小),不过应该照原样运行。

在这里输入图像说明

我也在为此苦苦挣扎,但后来我意外地使用了“collapseActionView”,并修复了它! 我的menu.xml如下所示:

    

不足之处在于,在平板电脑上,SearchView将显示在ActionBar的左侧,而不是searchicon的位置,但我不介意。

有一种方法可以做到这一点。 诀窍是使用其标识符恢复ImageView,并使用setImageResource()设置新的图像。 这个解决方案的启发是改变searchview小部件的背景可绘制 。

 private SearchView searchbox; private void customizeSearchbox() { setSearchHintIcon(R.drawable.new_search_icon); } private void setSearchHintIcon(int resourceId) { ImageView searchHintIcon = (ImageView) findViewById(searchbox, "android:id/search_mag_icon"); searchHintIcon.setImageResource(resourceId); } private View findViewById(View v, String id) { return v.findViewById(v.getContext().getResources(). getIdentifier(id, null, null)); } 

我定义了一个风格来做到这一点。

这里是我的xml:

   

这是我的风格:

  

那个!

完成后,只需看看Base.Widget.AppCompat.SearchView。

  

每个项目都可以通过定义一个新的样式来覆盖。

希望能帮助到你!

SearchView searchView =(SearchView)findViewById(R.id.address_search);

  try { Field searchField = SearchView.class .getDeclaredField("mSearchButton"); searchField.setAccessible(true); ImageView searchBtn = (ImageView) searchField.get(searchView); searchBtn.setImageResource(R.drawable.search_glass); } catch (NoSuchFieldException e) { } catch (IllegalAccessException e) { } 

经过一番研究,我在这里find了解决办法 诀窍是该图标不在ImageView而是在Spannable对象中。

 // Accessing the SearchAutoComplete int queryTextViewId = getResources().getIdentifier("android:id/search_src_text", null, null); View autoComplete = searchView.findViewById(queryTextViewId); Class clazz = Class.forName("android.widget.SearchView$SearchAutoComplete"); SpannableStringBuilder stopHint = new SpannableStringBuilder(" "); stopHint.append(getString(R.string.your_new_text)); // Add the icon as an spannable Drawable searchIcon = getResources().getDrawable(R.drawable.ic_action_search); Method textSizeMethod = clazz.getMethod("getTextSize"); Float rawTextSize = (Float)textSizeMethod.invoke(autoComplete); int textSize = (int) (rawTextSize * 1.25); searchIcon.setBounds(0, 0, textSize, textSize); stopHint.setSpan(new ImageSpan(searchIcon), 1, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); // Set the new hint text Method setHintMethod = clazz.getMethod("setHint", CharSequence.class); setHintMethod.invoke(autoComplete, stopHint); 

更新提示AutocompleteTextView更新搜索图标在扩展模式下,从Android源复制,

 @Override public boolean onPrepareOptionsMenu(Menu menu) { mSearchMenuItem = menu.findItem(R.id.action_search); SearchView searchView = (SearchView) mSearchMenuItem.getActionView(); int searchImgId = getResources().getIdentifier("android:id/search_button", null, null); ImageView v = (ImageView) searchView.findViewById(searchImgId); v.setImageResource(R.drawable.search_or); int searchTextViewId = searchView.getContext().getResources().getIdentifier("android:id/search_src_text", null, null); AutoCompleteTextView searchTextView = (AutoCompleteTextView) searchView.findViewById(searchTextViewId); searchTextView.setHintTextColor(getResources().getColor(R.color.hint_color_white)); searchTextView.setTextColor(getResources().getColor(android.R.color.white)); searchTextView.setTextSize(18.0f); SpannableStringBuilder ssb = new SpannableStringBuilder(" "); // for the icon ssb.append(hintText); Drawable searchIcon = getResources().getDrawable(R.drawable.search_or); int textSize = (int) (searchTextView.getTextSize() * 1.25); searchIcon.setBounds(0, 0, textSize, textSize); ssb.setSpan(new ImageSpan(searchIcon), 1, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); searchTextView.setHint(ssb); return super.onPrepareOptionsMenu(menu); } 

从API 21,你可以改变它在XML:

 android:searchIcon="@drawable/loupe" android:closeIcon="@drawable/x_white" 
  

使用searchIcon xml标签

对于api级别<21,我做了这个:

  int searchImgId = getResources().getIdentifier("android:id/search_mag_icon", null, null); ImageView ivIcon = (ImageView) searchView.findViewById(searchImgId); if(ivIcon!=null) ivIcon.setImageResource(R.drawable.ic_search); 

由此

在这里输入图像说明

对此

在这里输入图像说明

有三个放大镜图标。 当IconizedByDefault为真(在按下之前显示一个,在“提示”中显示一个)时显示它们中的两个,并且当IconizedByDefault为假时始终显示一个。 所有的领域是私人的,所以得到他们的方式是由他们的XML ID。 (大部分代码已经在这篇文章的其他答案中分别提到)

当IconizedByDefault为true时,通过以下方式更改提示中的图标(仅在按下图标后才能看到):

 mSearchSrcTextView = (SearchAutoComplete)findViewById(R.id.search_src_text); 

然后在android源代码中执行相同的操作:

 final int textSize = (int) (mSearchSrcTextView.getTextSize() * 1.25); newSearchIconDrawable.setBounds(0, 0, textSize, textSize); final SpannableStringBuilder ssb = new SpannableStringBuilder(" "); ssb.setSpan(new ImageSpan(newSearchIconDrawable), 1, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); ssb.append(hintText); 

mSearchHintIcon被newSearchIconDrawable替换,这是您的新搜索图标。 然后设置提示

 mSearchSrcTextView.setHint(ssb); 

其他2个图标在ImageView ,可以通过它们的Idfind。 对于searchview关闭时的图标(当iconizedByDefault为true时):

 mSearchButton = (ImageView) findViewById(R.id.search_button); 

和总是出现的那个(如果iconizedByDefault是假的)

 mCollapsedIcon = (ImageView) findViewById(R.id.search_mag_icon); 

我的解决方案:使用两个菜单的XML文件。 在其中一个xml中,菜单项有一个actionView,另一个没有。 最初膨胀折叠的菜单,当菜单项被点击时,使菜单无效并膨胀展开的菜单xml,并确保调用了setIconified(false);

 @Override public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) { if(!mShowSearchView) { inflater.inflate(R.menu.menu_collapsed, menu); } else { inflater.inflate(R.menu.menu_expanded, menu); MenuItem searchItem = menu.findItem(R.id.action_search); SearchView searchView = (SearchView) MenuItemCompat.getActionView(searchItem); searchView.setIconified(false); searchView.setOnCloseListener(new OnCloseListener() { @Override public boolean onClose() { mShowSearchView = false; ActivityCompat.invalidateOptionsMenu(getActivity()); return false; } }); } super.onCreateOptionsMenu(menu, inflater); } @Override public boolean onOptionsItemSelected(MenuItem item) { if (item.getItemId() == R.id.action_filter) { menu.showMenu(); } else if (item.getItemId() == R.id.action_search) { mShowSearchView = true; ActivityCompat.invalidateOptionsMenu(getActivity()); } return super.onOptionsItemSelected(item); } 

只需将您的图标命名为搜索视图使用的图标。 编译时,将项目中的资源占用库中的图标。

绝望的解决方案使用Kotlin

  val s = (searchView.getAllChildren().firstOrNull() as? LinearLayout)?.getAllChildren()?.filter { it is AppCompatImageView }?.firstOrNull() as? AppCompatImageView s?.setImageResource(R.drawable.search) 

getAllChildren:

 fun ViewGroup.getAllChildren() : ArrayList { val views = ArrayList() for (i in 0..(childCount-1)) { views.add(getChildAt(i)) } return views } 

希望它可以帮助别人。

我使用AppCompat库。 是的,指定android:icon="@drawable/search_icon_png"不起作用。 所以我查看了@ style / Theme.AppCompat的源代码,并find了android使用的图标。

 @drawable/abc_ic_search 

因此,如果您将abc_ic_search.png内的搜索图标重命名为abc_ic_search.png ,则此图标将呈现为您的应用程序中的可绘制图标,而不是appcompat可绘制文件夹。 适用于我:)

使用这种方法,您还可以自定义搜索小部件的关闭和清除图标。