自定義元件——TitleView
簡介:
TitleView是一個常用的頂部標題欄元件,操作簡單,可以快速搭建,並實現統一管理標題欄的目的。
採用建造者模式,支援快速構建back按鈕、標題名、提交按鈕等等。
效果圖:
使用:
直接引用TitleView呼叫方法即可,採用了建造者模式,整個構建非常清晰。
titleView.setTitle(bean.getName())
.showBackButton(true,this)
.showMoreButton(true, new View.OnClickListener() {
@Override
public void onClick(View v) {
startToSearch();
}
})
.changeMoreImgResource(R.mipmap.icon_search)
.build();
解析:
-
setTitle(title)
設定居中的標題文字內容 -
showMoreButton(isShow,listener)
該方法控制是否顯示右側擴充按鈕,可以傳入listener點選事件,去操控擴充內容。 -
showBackButton(isShow,activity)
該方法控制左側返回箭頭是否顯示,之所以要傳入activity是因為內部呼叫了finish()方法。 -
changeBackImgResouce(imgResource)
改變返回按鈕的圖示 -
changeMoreImgResouce(imgResource)
改變右側擴充按鈕的圖示 -
changeBackground(color)
改變標題欄的背景顏色 -
showTitleView()/hideTitleView()
顯示/隱藏標題欄,帶動畫 -
build()
完成配置後呼叫,顯示標題欄。
原始碼:
相關文章
- 自定義元件元件
- 自定義元件-樣式元件
- Android 自定義UI元件AndroidUI元件
- Flutter自定義元件-MultiShowerFlutter元件
- vue 自定義元件tabbarVue元件tabBar
- angular自定義元件-UI元件篇-switch元件Angular元件UI
- vue自定義全域性元件(或自定義外掛)Vue元件
- 自定義元件-元件的建立和引用元件
- 自定義元件-元件的生命週期元件
- svelte元件:Svelte3自定義Navbar+Tabbr元件|svelte自定義外掛元件
- 4. 自定義控制元件(4) --- 自定義屬性控制元件
- Laravel 自定義檢視元件Laravel元件
- uniapp 自定義彈窗元件APP元件
- 自定義控制元件ViewPager控制元件Viewpager
- Mint-UI 自定義元件UI元件
- 自定義Switch控制元件控制元件
- Vue——關於自定義元件Vue元件
- vue 自定義報警元件Vue元件
- 080 元件自定義事件-繫結元件事件
- 元件間通訊--自定義事件元件事件
- vue自定義元件——search-boxVue元件
- 【UniApp】-uni-app-自定義元件APP元件
- vue自定義元件——split-paneVue元件
- winform 自定義容器控制元件ORM控制元件
- Masa Blazor自定義元件封裝Blazor元件封裝
- Preference元件探究之自定義Preference元件
- WPF Blend 自定義控制元件控制元件
- Flutter 之 自定義控制元件Flutter控制元件
- Android 好用的自定義元件、框架Android元件框架
- 小程式自定義元件的使用元件
- iOS自定義控制元件 SlideriOS控制元件IDE
- iOS自定義控制元件 AlertViewiOS控制元件View
- iOS自定義控制元件 SegmentiOS控制元件
- ReactNative自定義元件及屬性React元件
- 自定義周選擇元件、年選擇元件元件
- 【微信小程式】常用元件及自定義元件微信小程式元件
- 鴻蒙自定義元件生命週期鴻蒙元件
- 自定義元件-資料、方法、屬性元件