如何显示 SearchView Outside/Below 工具栏

Question

LIKE THIS SCREENSHOT - the SearchBar outside/below-toolbar in snapdeal, flipkart app...

如何在工具栏下方或外部添加搜索栏。请提供布局建议...

Answer 1

这很可能是自定义组件，您可以使用按钮将其切换为带有您喜欢的图标的 EditText，或者直接使用按钮启动搜索视图：

例如，要实现此目的，您可以：

1) 拥有一个半径为 2dp 的可绘制对象并将其用作组件的背景

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

2) 在您的 Button/EditText 中与您的两个 icons/mipmaps

一起使用

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.jsosa.myapplication.MainActivity">

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/corners"
        android:drawableBottom="12dp"
        android:drawableEnd="@mipmap/ic_camera_alt_black_24dp"
        android:drawablePadding="22dp"
        android:drawableStart="@mipmap/ic_search_black_24dp"
        android:gravity="left|center"
        android:hint="Find your dil ki deal!"
        android:padding="16dp" />
</RelativeLayout>

你会得到：

然后在 onClickListener 等 flow/logic 上实施您的业务

希望对您有所帮助。

Answer 2

看看这是否有效，

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay">
        <EditText
             android:layout_width="match_parent"
             android:layout_height="wrap_content"/> 
</android.support.v7.widget.Toolbar>

如果它在工具栏上方，则将边距顶部添加到您的编辑文本以使其保持在工具栏标题下方。

如何显示 SearchView Outside/Below 工具栏

How to show SearchView Outside/Below toolbar

android

searchview

android-collapsingtoolbarlayout

如何在工具栏下方或外部添加搜索栏。请提供布局建议...