怎么在Android Studio中實現(xiàn)一個搜索欄

這篇文章將為大家詳細(xì)講解有關(guān)怎么在Android Studio中實現(xiàn)一個搜索欄，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

1.引入布局

如果在每一個Activity的布局中都編寫一個搜索欄，會導(dǎo)致代碼的重復(fù)。通過采用引入布局的形式，可以解決這個問題。
首先在layout目錄下創(chuàng)建一個select.xml布局，代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="@drawable/back001">

    <ImageView
        android:id="@+id/select_p01"
        android:layout_marginTop="2dp"
        android:layout_width="46dp"
        android:layout_height="41dp"
        android:src="@drawable/select_photo01" />

    <EditText
        android:id="@+id/select01"
        android:layout_marginTop="6dp"
        android:layout_width="250dp"
        android:layout_height="35dp"
        android:layout_marginLeft="10dp"
         <!--采用edittext_shap01樣式-->
        android:background="@drawable/edittext_shape01"/>

    <ImageButton
        android:id="@+id/select_p02"
   <!-- 清除按鈕背景-->
        
        android:layout_marginTop="0dp"
        android:layout_width="53dp"
        android:layout_height="50dp"
   <!-- fitXY 的作用是“保持圖片長寬比例”-->
        android:scaleType="fitXY"
        android:src="@drawable/select_photo02" />

</LinearLayout>

2.布局解析

此處對上方的布局進(jìn)行補充：

1）.設(shè)置布局背景為back001

android:background="@drawable/back001"

2）.導(dǎo)入圖片select_photo01

為了使搜索欄不單調(diào)，故導(dǎo)入圖片裝飾

android:src="@drawable/select_photo01"

3.

3.采用edittext_shape01樣式

系統(tǒng)自帶的EditText僅是一條直線，此處將其變成圓型輸入框

android:background="@drawable/edittext_shape01"

變化前：

變化后：

edittext_shape01代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <solid
        android:color="#FFFFFF" >
    </solid>
    <!-- 設(shè)置圓角 -->
    <corners
        android:radius="3dp"
        android:bottomLeftRadius="15dp"
        android:bottomRightRadius="15dp"
        android:topLeftRadius="15dp"
        android:topRightRadius="15dp" >
    </corners>
    <!-- 設(shè)置邊框 -->
    <stroke android:width="1dip" android:color="#ff000000" />

</shape>

4.導(dǎo)入圖片select_photo02裝飾

android:scaleType="fitXY"
android:src="@drawable/select_photo02"

注：fitXY較為重要！

測試

完成布局的編寫后，便可以將select01作為自定義控件，進(jìn)行調(diào)用：

<include layout="@layout/select01" />

關(guān)于怎么在Android Studio中實現(xiàn)一個搜索欄就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。