搜索框框

很简单实现的。就是用控件拼接在一起的~

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="53dp"
    android:background="@color/color_gray_line"
    android:orientation="horizontal">


    <RelativeLayout
        android:id="@+id/rl_search"
        android:layout_width="30dp"
        android:layout_height="33dp"
        android:layout_centerVertical="true"
        android:layout_marginLeft="6dp"
        android:background="@drawable/shape_search_left">

        <ImageView
            android:layout_width="18dp"
            android:layout_height="18dp"
            android:layout_centerInParent="true"
            android:layout_centerVertical="true"
            android:scaleType="fitXY"
            android:src="@mipmap/index"/>
    </RelativeLayout>

    <EditText
        android:layout_width="match_parent"
        android:layout_height="33dp"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@+id/rl_delete"
        android:layout_toRightOf="@+id/rl_search"
        android:autoText="true"
        android:background="#fff"
        android:hint="请输入商品标题关键字"
        android:inputType="text"
        android:selectAllOnFocus="true"
        />

    <RelativeLayout
        android:id="@+id/rl_delete"
        android:layout_width="30dp"
        android:layout_height="33dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="79dp"
        android:background="@drawable/shape_search_right">

        <ImageView
            android:layout_width="18dp"
            android:layout_height="18dp"
            android:layout_centerInParent="true"
            android:scaleType="fitXY"
            android:src="@mipmap/index"/>
    </RelativeLayout>

    <Button
        android:id="@+id/btn_search"
        android:layout_width="55dp"
        android:layout_height="33dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="12dp"
        android:background="@drawable/shape_search"
        android:text="搜索"/>
</RelativeLayout>

转载于:https://my.oschina.net/fxflysky/blog/825435