创建类似于Material Design 2018的搜索框

Question

我想在Android Studio项目中创建一个类似于Google Maps应用搜索框的搜索框。我怎样才能做到这一点？有样本可复制吗？ 谢谢劝告

这是 Search box

Answer 1

您可以使用FrameLayout作为搜索框，并将其替换为自定义的Fragment。

这是您附加的搜索框的示例代码。

搜索框片段布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="42dp"
    android:layout_margin="16dp"
    android:background="@drawable/search_box_style"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="8dp"
        android:src="@drawable/ic_dehaze_black_24dp" />

    <EditText
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:padding="8dp"
        android:layout_weight="1"
        android:background="#00ffffff"
        android:gravity="center_vertical" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="8dp"
        android:src="@drawable/ic_mic_black_24dp" />
</LinearLayout>

您可以在Fragment中使用组件。

search_box_style.xml

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

您可以为Listeners个项目设置Fragment。

Answer 2

您可以使用this开源库，而不是自己创建所有东西来重新发明轮子，不仅可以轻松创建searchview，还可以为其设置样式并提供许多其他复杂的选项自己做的时候访问。 这是显示此lib可以执行的操作的屏幕截图：

否则，您可以使用Android searchview组件，设置一些背景并添加样式以使其看起来像您想要的那样。