如何在 Google Play 商店应用中设置 Android SearchView 的样式？

Question

我正在尝试在toolbar 中设置SearchView 的样式，使其看起来/行为类似于Google Play Store app 中的SearchView。它似乎将搜索视图包装在卡片视图中，但它似乎也集成了向上按钮/抽屉切换行为。

这是主要的活动 searchView，它集成了抽屉切换

当您单击它时，抽屉切换变为箭头（单击时将从搜索视图中移除焦点）

当您点击商店中的应用程序时，您会转到应用程序详细信息页面，您会看到搜索视图的图标化版本，作为带有向上按钮的折叠操作项：

最后，如果您点击搜索图标，它会展开为一个操作项（带有一种波纹动画）并一直显示在屏幕上，并包含向上按钮：

当我尝试自己做时，我遇到了很多问题。我试图将搜索视图包装在卡片视图中并将其放在工具栏中。它可以工作，但左侧总是有我无法删除的填充（我尝试了 contentInsetStart，不起作用）：

<android.support.v7.widget.Toolbar
    android:id="@+id/activityCatalogToolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:popupTheme="@style/AppTheme.PopupOverlay"
    android:theme="@style/AppTheme.AppBarOverlay"
    app:contentInsetStart="0dp"
    app:contentInsetLeft="0dp">

    <android.support.v7.widget.CardView
        android:id="@+id/activityCatalogSearchContainer"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:layout_gravity="end"
        android:layout_marginTop="4dp"
        android:layout_marginBottom="4dp"
        android:layout_marginRight="8dp"
        android:layout_marginLeft="8dp"
        app:cardCornerRadius="4dp"
        app:cardElevation="8dp">

        <android.support.v7.widget.SearchView
            android:id="@+id/activityCatalogSearch"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:queryHint=""
            android:iconifiedByDefault="false"/>

    </android.support.v7.widget.CardView>

</android.support.v7.widget.Toolbar>

我还尝试删除工具栏并仅将其替换为 FrameLayout。这允许我控制填充，但显然我失去了工具栏功能（向上按钮等）并且还引入了主题问题（图标和文本消失）。

有人知道他们是如何做到这一点的吗？我不想添加另一个库只是为了对框架中已经存在的小部件进行样式设置。谢谢！

Answer 1

你必须使用SearchView的这个自定义实现。

https://github.com/Quinny898/PersistentSearch

Android 工作室：

如果您尚未添加 Sonatype 存储库，请添加：

maven {
        url "https://oss.sonatype.org/content/repositories/snapshots"
    }

将其作为依赖项导入：

compile 'com.quinny898.library.persistentsearch:library:1.1.0-SNAPSHOT'

在您的布局中：

<com.quinny898.library.persistentsearch.SearchBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/searchbox"
        />

输出：

Answer 2

您可以尝试深入研究这个项目：

https://android.googlesource.com/platform/packages/apps/Dialer/

对于 Lollipop 或 Marshmallow，或 N，它有一个 SearchEditTextLayout，这正是您所需要的：

优势

• 由 Google 而非第三方制作的代码。

Answer 3

我自己正在尝试构建它。最后只是将搜索按钮设置为 ImageButton。单击此按钮将触发要在顶部添加的片段，该片段将在布局中包含一个 Edittext，使其看起来像这样。并且此片段包含此搜索框下方的列表视图以显示建议。

提示：保持 Fragment 的 rootlayout 没有任何背景，并将 clickable 设置为 true 以使用透明窗格获得最佳效果