Android Studio實現(xiàn)搜索欄
前言
一、何為自定義控件？
系統(tǒng)自帶的控件都是直接或間接繼承自View的，View是Android中最基本的UI組件庫。當系統(tǒng)的自帶控件無法滿足需求時，依據(jù)控件的繼承結(jié)構(gòu)來制作自定義控件，例如：頂部搜索欄
二、制作步驟
1.引入布局
如果在每一個Activity的布局中都編寫一個搜索欄，會導致代碼的重復。通過采用引入布局的形式，可以解決這個問題。
首先在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"
<!-- 清除按鈕背景-->
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>
2.布局解析
此處對上方的布局進行補充：
1）.設(shè)置布局背景為back001
android:background="@drawable/back001"
2）.導入圖片select_photo01
為了使搜索欄不單調(dià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.導入圖片select_photo02裝飾
android:scaleType="fitXY" android:src="@drawable/select_photo02"
注：fitXY較為重要！
測試
完成布局的編寫后，便可以將select01作為自定義控件，進行調(diào)用：
<include layout="@layout/select01" />
只需要通過一行include語句，便可以引入搜索欄布局
引入前后對比：
引入前
引入后
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家介紹了Android 開發(fā)與代碼無關(guān)技巧詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
Android開發(fā)Jetpack組件Room使用講解
Room是一個數(shù)據(jù)庫訪問組件； 對SqLite數(shù)據(jù)庫做了友好的封裝，使我們在編碼的時候，只需要注重邏輯的部分即可，數(shù)據(jù)庫就交給Room去流暢的訪問即可2022-08-08
Android實現(xiàn)ListView分頁加載數(shù)據(jù)
這篇文章主要為大家詳細介紹了Android實現(xiàn)ListView分頁加載數(shù)據(jù)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
Android使用GridView實現(xiàn)日歷的簡單功能
這篇文章主要為大家詳細介紹了Android使用GridView實現(xiàn)日歷的簡單功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要為大家詳細介紹了Android通用索引欄實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
教你五分鐘實現(xiàn)Android超漂亮的刻度輪播控件實例教程
說到輪播圖,想必大家都不陌生，下面這篇文章主要給大家介紹了關(guān)于如何利用五分鐘快速實現(xiàn)一款超漂亮的Android刻度輪播控件的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起看看吧2018-09-09
Android自定義圓形View實現(xiàn)小球跟隨手指移動效果
這篇文章主要為大家詳細介紹了Android自定義圓形View實現(xiàn)小球跟隨手指移動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-03-03
這篇文章主要為大家詳細介紹了Android客戶端首次啟動引導界面，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
Android錄制語音文件wav轉(zhuǎn)mp3的方法示例
這篇文章主要介紹了Android錄制語音文件wav轉(zhuǎn)mp3的方法示例,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
Android編程顯示網(wǎng)絡(luò)上的圖片實例詳解
這篇文章主要介紹了Android編程顯示網(wǎng)絡(luò)上的圖片,結(jié)合實例形式詳細分析了Android顯示網(wǎng)絡(luò)圖片的流程與具體操作技巧,需要的朋友可以參考下2016-10-10