android自定义searchView圆角 [英] android custom searchView rounded corners

问题描述

我想创建一个带有不在 ActionBar 中的 SearchView 的 Activity(实际上，我使用的是 NoActionBar 主题).现在我希望这个 SearchView 有圆角(不是实际 SearchView 中的 EditText，而是 SearchView 本身)，

I want to create an Activity with a SearchView that is not in the ActionBar (in fact, I'm using the NoActionBar theme). Now I want this SearchView to have rounded corners (not the EditText inside the actual SearchView, but the SearchView itself),

像这样:模型

我所能管理的就是:实际搜索视图.

有人可以提示我我必须改变什么吗?活动的 XML:

Can somebody hint me to what I have to change? XML of the Activity:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipChildren="false">
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="150dp"
    android:background="@color/theBlue">

    <SearchView
        android:id="@+id/search_view"
        android:layout_width="1000dp"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp"
        android:background="@drawable/bg_white_rounded"
        android:clickable="true"/>
</RelativeLayout>

drawable/bg_white_rounded.xml 代码:

Code of drawable/bg_white_rounded.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="10dp"/>
<padding android:left="0dp"
    android:bottom="0dp"
    android:right="0dp"
    android:top="0dp"/>
</shape>

活动代码:

public class MainActivity extends AppCompatActivity {

SearchView searchView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // Get search view and modify it to our needs
    searchView = (SearchView) findViewById(R.id.search_view);
    searchView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            searchView.onActionViewExpanded();
        }
    });
    //int searchPlateId = searchView.getContext().getResources().getIdentifier("android:id/search_plate", null, null);
    //int searchPlateId = searchView.getContext().getResources().getIdentifier("android:id/search_src_text", null, null);
    int searchPlateId = searchView.getContext().getResources().getIdentifier("android:id/search_badge", null, null);
    View searchPlate = searchView.findViewById(searchPlateId);
    //View searchPlate = searchView.findViewById(android.support.v7.appcompat.R.id.search_src_text);
    searchPlate.setBackgroundResource(R.drawable.bg_white_rounded);
}
}

注释行是我已经尝试过但没有奏效的内容.谢谢！

The commented lines are things I've already tried but didn't work. Thanks!

推荐答案

虽然 rajan ks(谢谢！)答案有效，但它不像设计模型 100%(填充自然会增加 SearchView 的大小，同时不会增加包含 EditText 的大小).

While rajan ks (Thanks!) answer works, it doesn't resemble the design mockup a 100% (the padding naturally increases the SearchView's size while not increasing the contained EditText's size).

我找到的解决方案是这样的:在 MainActivity.java 中，更改 search_edit_frame、search_plate 和 search_bar:

The solution I found is this: In the MainActivity.java, change search_edit_frame, search_plate and search_bar:

    int searchFrameId = searchView.getContext().getResources().getIdentifier("android:id/search_edit_frame", null, null);
    View searchFrame = searchView.findViewById(searchFrameId);
    searchFrame.setBackgroundResource(R.drawable.bg_white_rounded);

    int searchPlateId = searchView.getContext().getResources().getIdentifier("android:id/search_plate", null, null);
    View searchPlate = findViewById(searchPlateId);
    searchPlate.setBackgroundResource(R.drawable.bg_white_rounded);

    int searchBarId = searchView.getContext().getResources().getIdentifier("android:id/search_bar", null, null);
    View searchBar = findViewById(searchBarId);
    searchBar.setBackgroundResource(R.drawable.bg_white_rounded);

这导致 SearchView 看起来与模型完全一样.

That results in the SearchView looking exactly like the mockup.

这篇关于android自定义searchView圆角的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！