searchview圆形背景和菜单

Question

我正试图为搜索视图栏放置一个圆角矩形，但我不知道如何放置。我已经测试了在stackoverflow上可以找到的许多其他代码，但由于我使用的菜单中有一个项目，而其他代码没有使用，所以很难弄清楚。

这是我的java代码：

@Override
public boolean onCreateOptionsMenu(Menu menu) {
MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.example_menu, menu);
MenuItem searchItem = menu.findItem(R.id.action_search);
SearchView searchView = (SearchView) searchItem.getActionView();
searchView.setImeOptions(EditorInfo.IME_ACTION_DONE);
searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
@Override
public boolean onQueryTextSubmit(String query) {
return false;
}
@Override
public boolean onQueryTextChange(String newText) {
adapter.getFilter().filter(newText);
return false;
}
});
return true;
}

这是我的XML代码：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/search_view_menu">
<item
android:id="@+id/action_search"
android:icon="@drawable/ic_search"
android:title="Search"
app:actionViewClass="androidx.appcompat.widget.SearchView"
app:showAsAction="ifRoom|collapseActionView"/>
</menu>

Answer 1

以下是您的问题的解决方案。

1. 在drawable文件夹中为Edittext创建弯曲背景
2. 将弯曲背景添加到Edittext

解决方案代码：

在Drawable文件夹中创建一个名为curve_edittext_bg的文件

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle">
<solid android:color="#ffffff"/>
<corners android:radius="6dp" />
<stroke
android:width="1dp"
android:color="#27000000"
/>
</shape>
</item>
</selector> 

现在将curve_edittext_bg添加到edittext

<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:drawableStart="@drawable/ic_location_blast_blue"
android:drawableEnd="@drawable/search"
android:drawablePadding="10dp"
android:background="@drawable/curve_edittext_bg"
android:ellipsize="end"
android:layout_margin="10dp"
android:layout_alignParentTop="true"
android:gravity="start|center_vertical"
android:padding="16dp"
android:text="Search location"
android:textColor="@color/quantum_grey600" /> 

我们完成

样本输出

输出图像

Answer 2

您必须访问searchview内部的edittext子级，并更改该视图的背景资源。我使用了你的xml文件，刚刚更改了你的onCreateOptionsMenu函数，如下所示：

@Override
public boolean onCreateOptionsMenu(Menu menu) {
MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.main_menu, menu);
MenuItem searchItem = menu.findItem(R.id.action_search);
SearchView searchView = (SearchView) searchItem.getActionView();
searchView.setImeOptions(EditorInfo.IME_ACTION_DONE);
//This is where you find the edittext and set its background resource
View searchPlate = searchView.findViewById(androidx.appcompat.R.id.search_src_text);
searchPlate.setBackgroundResource(R.drawable.rounded_search);
searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
@Override
public boolean onQueryTextSubmit(String query) {
return false;
}
@Override
public boolean onQueryTextChange(String newText) {
Log.d("Text changed", newText);
return false;
}
});
return true;
}

下面是您正在使用的后台资源的附加xml绘图：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#ffffff"/>
<corners android:radius="8dp"/>
</shape>

更改半径值会更改拐角的圆度。