更改searchview小部件的背景drawable

Question

更改searchview小部件的背景drawable

我正在尝试更改位于Android操作栏searchview小部件中的drawable。

目前它看起来像这样： 

但我需要将蓝色背景改为红色。

我尝试过很多东西，不用滚动我自己的搜索小部件，但似乎没有任何工作。

有人能指出我改变这个方向的正确方向吗？

Answer 1

介绍遗憾的是，无法SearchView使用XML中的主题，样式和继承来设置文本字段样式，就像ActionBar下拉列表中的项目背景一样。这是因为selectableItemBackground 被列为设置样式的R.stylable，而searchViewTextField（theme属性是我们感兴趣的）不是。因此，我们无法从XML资源中轻松访问它（您将收到No resource found that matches the given name: attr 'android:searchViewTextField'错误）。从代码中设置SearchView文本字段背景因此，正确替换SearchView文本字段背景的唯一方法是进入它的内部，获取对具有基于背景集的视图的访问searchViewTextField并设置我们自己的。注意：下面的解决方案仅取决于其中android:id/search_plate元素的id（）SearchView，因此它比儿童遍历更加独立于SDK版本（例如，searchView.getChildAt(0)用于到达正确的视图SearchView），但它不是防弹的。特别是如果某些制造商决定重新实现内部SearchView和上述id的元素不存在 - 代码将不起作用。在SDK中，文本字段的背景SearchView是通过九个补丁声明的，因此我们将以相同的方式执行。您可以在Android git存储库的drawable-mdpi目录中找到原始png图像。我们对两张图片感兴趣。一个用于选择文本字段时的状态（名为textfield_search_selected_holo_light.9.png），另一个用于不存在的状态（命名为textfield_search_default_holo_light.9.png）。不幸的是，即使您只想自定义聚焦状态，也必须创建两个图像的本地副本。这是因为R.drawable中textfield_search_default_holo_light不存在。因此，它不容易通过，可以在下面显示的选择器中使用，而不是引用局部drawable。@android:drawable/textfield_search_default_holo_light注意：我使用Holo Light主题作为基础，但你可以使用Holo Dark做同样的事情。似乎在Light和Dark主题之间选择状态 9补丁没有真正的区别。但是，默认状态的 9补丁有所不同（参见Light vs. Dark）。因此，对于Dark和Light主题，可能不需要为选定状态制作9个补丁的本地副本（假设您要同时处理两者，并使它们看起来与Holo Theme中的相同）。只需制作一份本地副本即可使用选择器drawable两个主题。现在，您需要根据需要编辑下载的九个补丁（即将蓝色更改为红色）。您可以使用绘图9补丁工具查看文件，以检查编辑后是否正确定义了文件。我使用GIMP编辑了使用单像素铅笔工具的文件（非常简单），但您可能会使用自己的工具。这是我为焦点状态定制的9补丁：在此输入图像描述注意：为简单起见，我只使用了mdpi密度的图像。如果您希望在任何设备上获得最佳结果，则必须为多个屏幕密度创建9个补丁。Holo的 图像SearchView可以在mdpi，hdpi和xhdpi drawable中找到。现在，我们需要创建可绘制选择器，以便根据视图状态显示正确的图像。创建res/drawable/texfield_searchview_holo_light.xml包含以下内容的文件：<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">&nbsp; &nbsp; <item android:state_focused="true"&nbsp; &nbsp; &nbsp; &nbsp; android:drawable="@drawable/textfield_search_selected_holo_light" />&nbsp; &nbsp; <item android:drawable="@drawable/textfield_search_default_holo_light" /></selector>我们将使用上面创建的drawable为LinearLayout视图设置背景，其中包含文本字段SearchView- 其id为android:id/search_plate。所以这里是如何在创建选项菜单时快速在代码中执行此操作：public class MainActivity extends Activity {&nbsp; &nbsp; @Override&nbsp; &nbsp; public void onCreate(Bundle savedInstanceState) {&nbsp; &nbsp; &nbsp; &nbsp; super.onCreate(savedInstanceState);&nbsp; &nbsp; &nbsp; &nbsp; setContentView(R.layout.activity_main);&nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; @Override&nbsp; &nbsp; public boolean onCreateOptionsMenu(Menu menu) {&nbsp; &nbsp; &nbsp; &nbsp; getMenuInflater().inflate(R.menu.activity_main, menu);&nbsp; &nbsp; &nbsp; &nbsp; // Getting SearchView from XML layout by id defined there - my_search_view in this case&nbsp; &nbsp; &nbsp; &nbsp; SearchView searchView = (SearchView) menu.findItem(R.id.my_search_view).getActionView();&nbsp; &nbsp; &nbsp; &nbsp; // Getting id for 'search_plate' - the id is part of generate R file,&nbsp; &nbsp; &nbsp; &nbsp; // so we have to get id on runtime.&nbsp; &nbsp; &nbsp; &nbsp; int searchPlateId = searchView.getContext().getResources().getIdentifier("android:id/search_plate", null, null);&nbsp; &nbsp; &nbsp; &nbsp; // Getting the 'search_plate' LinearLayout.&nbsp; &nbsp; &nbsp; &nbsp; View searchPlate = searchView.findViewById(searchPlateId);&nbsp; &nbsp; &nbsp; &nbsp; // Setting background of 'search_plate' to earlier defined drawable.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; searchPlate.setBackgroundResource(R.drawable.textfield_searchview_holo_light);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; return super.onCreateOptionsMenu(menu);&nbsp; &nbsp; }}最终效果这是最终结果的屏幕截图：在此输入图像描述我怎么做到这一点我认为值得注意的是我如何做到这一点，因此在定制其他视图时可以使用这种方法。检查视图布局我已经检查了SearchView布局的样子。在SearchView构造函数中，可以找到一个膨胀布局的行：inflater.inflate(R.layout.search_view, this, true);现在我们知道SearchView布局是在文件中命名的res/layout/search_view.xml。查看search_view.xml，我们可以在其中找到一个内部LinearLayout元素（带有id search_plate）android.widget.SearchView$SearchAutoComplete（看起来像我们的搜索视图文本字段）：&nbsp; &nbsp; <LinearLayout&nbsp; &nbsp; &nbsp; &nbsp; android:id="@+id/search_plate"&nbsp; &nbsp; &nbsp; &nbsp; android:layout_width="wrap_content"&nbsp; &nbsp; &nbsp; &nbsp; android:layout_height="wrap_content"&nbsp; &nbsp; &nbsp; &nbsp; android:layout_weight="1"&nbsp; &nbsp; &nbsp; &nbsp; android:layout_gravity="center_vertical"&nbsp; &nbsp; &nbsp; &nbsp; android:orientation="horizontal"&nbsp; &nbsp; &nbsp; &nbsp; android:background="?android:attr/searchViewTextField">现在，我们现在根据当前主题的searchViewTextField属性设置背景。调查属性（可以轻松设置吗？）为了检查searchViewTextField属性的设置方式，我们研究了res / values / themes.xml。SearchView默认情况下有一组属性相关Theme：<style name="Theme">&nbsp; &nbsp; <!-- (...other attributes present here...) -->&nbsp; &nbsp; <!-- SearchView attributes -->&nbsp; &nbsp; <item name="searchDropdownBackground">@android:drawable/spinner_dropdown_background</item>&nbsp; &nbsp; <item name="searchViewTextField">@drawable/textfield_searchview_holo_dark</item>&nbsp; &nbsp; <item name="searchViewTextFieldRight">@drawable/textfield_searchview_right_holo_dark</item>&nbsp; &nbsp; <item name="searchViewCloseIcon">@android:drawable/ic_clear</item>&nbsp; &nbsp; <item name="searchViewSearchIcon">@android:drawable/ic_search</item>&nbsp; &nbsp; <item name="searchViewGoIcon">@android:drawable/ic_go</item>&nbsp; &nbsp; <item name="searchViewVoiceIcon">@android:drawable/ic_voice_search</item>&nbsp; &nbsp; <item name="searchViewEditQuery">@android:drawable/ic_commit_search_api_holo_dark</item>&nbsp; &nbsp; <item name="searchViewEditQueryBackground">?attr/selectableItemBackground</item>我们看到默认主题的值是@drawable/textfield_searchview_holo_dark。对于Theme.Light值，也在该文件中设置。现在，如果可以通过R.styleable访问此属性会很棒，但不幸的是，它不是。为了进行比较，请参阅themes.xml和R.attr中存在的其他主题属性，如textAppearance或selectableItemBackground。如果在（和）中存在，我们可以在为XML中的整个应用程序定义主题时简单地使用我们的drawable选择器。例如：searchViewTextFieldR.attrR.stylable<resources xmlns:android="http://schemas.android.com/apk/res/android">&nbsp; &nbsp; <style name="AppTheme" parent="android:Theme.Light">&nbsp; &nbsp; &nbsp; &nbsp; <item name="android:searchViewTextField">@drawable/textfield_searchview_holo_light</item>&nbsp; &nbsp; </style></resources>应该修改什么？现在我们知道，我们必须search_plate通过代码访问。但是，我们仍然不知道它应该是什么样子。简而言之，我们搜索在默认主题中用作值的drawable：textfield_searchview_holo_dark.xml和textfield_searchview_holo_light.xml。看一下内容，我们看到drawable是selector基于视图状态引用另外两个drawable（后来出现9个补丁）。您可以在androiddrawables.com上找到（几乎）所有Android版本的聚合9-patch drawables定制我们识别9个补丁中的一个中的蓝线，因此我们创建它的本地副本并根据需要更改颜色。