直播軟體開發，自定義搜尋欄的圖示樣式和搜尋框

直播軟體開發，自定義搜尋欄的圖示樣式和搜尋框實現的相關程式碼

一.引入佈局

如果在每一個Activity的佈局中都編寫一個搜尋欄，會導致程式碼的重複。通過採用引入佈局的形式，可以解決這個問題。

首先在layout目錄下建立一個select.xml佈局，程式碼如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns: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"
<!-- 清除按鈕背景-->
        style="?android:attr/borderlessButtonStyle"
        android:layout_marginTop="0dp"
        android:layout_width="53dp"
        android:layout_height="50dp"
<!-- fitXY 的作用是“保持圖片長寬比例”-->
        android:scaleType="fitXY"
        android:src="@drawable/select_photo02" />
</LinearLayout>

二.佈局解析

此處對上方的佈局進行補充：

1.設定佈局背景為back001

android:background="@drawable/back001"

2.匯入圖片select_photo01

為了使搜尋欄不單調，故匯入圖片裝飾

android:src="@drawable/select_photo01"

3.採用edittext_shape01樣式

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

android:background="@drawable/edittext_shape01"

edittext_shape01程式碼如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="
    android:shape="rectangle" >
    <solid
        android:color="#FFFFFF" >
    </solid>
    <!-- 設定圓角 -->
    <corners
        android:radius="3dp"
        android:bottomLeftRadius="15dp"
        android:bottomRightRadius="15dp"
        android:topLeftRadius="15dp"
        android:topRightRadius="15dp" >
    </corners>
    <!-- 設定邊框 -->
    <stroke android:width="1dip" android:color="#ff000000" />
</shape>

4.匯入圖片select_photo02裝飾

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

以上就是 直播軟體開發，自定義搜尋欄的圖示樣式和搜尋框實現的相關程式碼，更多內容歡迎關注之後的文章