如何显示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中使用它以及两个图标/ 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等

上实施您的业务流程/逻辑

希望它有所帮助。

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>

如果它在工具栏上方，则在您的edittext中添加margin，使其保持在工具栏标题下方。