搜索栏小部件自定义设计?

时间:2018-11-24 14:13:12

标签: android android-layout

我想像下面的图片一样创建自定义搜索。

非常感谢

enter image description here

1 个答案:

答案 0 :(得分:0)

创建新的xml布局并替换为此代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:layout_margin="10dp"
    app:cardBackgroundColor="#F8F8F8"
    app:cardCornerRadius="15dp">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">

        <ImageView
            android:layout_width="24dp"
            android:layout_height="40dp"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="20dp"
            android:src="@drawable/search_icon" />

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="null"
            android:hint="Search"
            android:paddingLeft="30dp"
            android:textColorHint="#465064"
            android:textSize="20sp"
            android:textStyle="normal" />
        <ImageView
            android:layout_width="24dp"
            android:layout_height="24dp"
            android:layout_gravity="center_vertical"
            android:layout_marginRight="15dp"
            android:src="@drawable/more_icon" />
    </LinearLayout>
</android.support.v7.widget.CardView>

根据需要更改图标