带有菜单的搜索视图四舍五入背景

Question

我正在尝试放入a rounded rectangle for my search view bar，但我不知道如何。我已经测试了在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. 为可绘制文件夹中的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" /> 

我们完成了👍

样本输出

Output Image

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>

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