Android Studio實現(xiàn)搜索欄
前言
一、何為自定義控件？
系統(tǒng)自帶的控件都是直接或間接繼承自View的，View是Android中最基本的UI組件庫。當(dāng)系統(tǒng)的自帶控件無法滿足需求時，依據(jù)控件的繼承結(jié)構(gòu)來制作自定義控件，例如：頂部搜索欄
二、制作步驟
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"
<!-- 清除按鈕背景-->
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.布局解析
此處對上方的布局進(jìn)行補(bǔ)充：
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" />
只需要通過一行include語句，便可以引入搜索欄布局
引入前后對比：
引入前
引入后
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Android開發(fā)實現(xiàn)圓形圖片功能,涉及Android實現(xiàn)圓形圖片的界面布局與CirImageView組件相關(guān)使用操作技巧,需要的朋友可以參考下2019-04-04
Android源碼使用16進(jìn)制進(jìn)行狀態(tài)管理的方法
這篇文章主要介紹了Android源碼使用16進(jìn)制進(jìn)行狀態(tài)管理的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-07-07
Android自定義View實現(xiàn)點(diǎn)贊控件
這篇文章主要介紹了Android自定義View實現(xiàn)點(diǎn)贊控件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
這篇文章主要為大家詳細(xì)介紹了Android實現(xiàn)拍照、選擇相冊圖片并裁剪功能的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
Android OnFocuChangeListener焦點(diǎn)事件詳解
這篇文章主要為大家詳細(xì)介紹了Android OnFocuChangeListener焦點(diǎn)事件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
Android系統(tǒng)進(jìn)程間通信（IPC）機(jī)制Binder中的Client獲得Server遠(yuǎn)程接口過程源代碼分析
本文主要介紹Android 通信Binder中的Client獲得Server遠(yuǎn)程接口,這里對Android Binder 中Client中Server 源碼做了詳細(xì)分析介紹，有研究Android源碼的小伙伴可以參考下2016-08-08
這篇文章主要介紹了Android后臺定時提醒功能，針對Service,AlarmManager的使用進(jìn)行詳細(xì)闡述，感興趣的小伙伴們可以參考一下2016-01-01
深入Android Handler,MessageQueue與Looper關(guān)系
這篇文章主要介紹了深入Android Handler,MessageQueue與Looper關(guān)系,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了Android實現(xiàn)QQ搶紅包插件,可以支持搶QQ拼手氣紅包，普通紅包，口令紅包，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了Kotlin中的對象表達(dá)式和對象聲明的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11