OneActionBar 使用說(shuō)明
簡(jiǎn)介
自定義ActionBar伦仍,支持屬性痹籍,java代碼方式配置晦鞋,可實(shí)現(xiàn)標(biāo)題,標(biāo)題帶返回鍵线定,搜索确买,搜索帶返回鍵的ActionBar;配置簡(jiǎn)單芭商,方便使用,可適應(yīng)大多數(shù)場(chǎng)景铛楣。
效果圖
- 標(biāo)準(zhǔn)標(biāo)題頭簸州,背景透明
style="@style/OneActionBar.Normal"
- 標(biāo)準(zhǔn)標(biāo)題頭,藍(lán)色背景
style="@style/OneActionBar.Normal.Blue"
- 帶返回鍵標(biāo)題頭搏存,透明背景
style="@style/OneActionBar.Back"
- 帶返回鍵標(biāo)題頭矢洲,藍(lán)色背景
style="@style/OneActionBar.Back.Blue"
- 帶搜索框標(biāo)題頭,透明背景
style="@style/OneActionBar.Search"
- 帶搜索框標(biāo)題頭蛆橡,藍(lán)色背景
style="@style/OneActionBar.Search.Blue"
- 搜索框帶返回鍵標(biāo)題頭掘譬,透明背景
style="@style/OneActionBar.Back.Search"
- 搜索框帶返回鍵標(biāo)題頭,藍(lán)色背景
style="@style/OneActionBar.Back.Search.Blue"
引入方式
TAG: [圖片上傳失敗...(image-244d2a-1573358407076)]
gradle
- 在項(xiàng)目中的根目錄下的 build.gradle (與model同級(jí)的) 中增加如下配置
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
- 在model 中的build.gradle 中增加依賴
dependencies {
implementation 'com.github.onestravel:OneActionBar:TAG'
}
屬性說(shuō)明
屬性名 | 字段說(shuō)明 | 示例 |
---|---|---|
app:barBackColor | ActionBar 返回鍵顏色睦焕,圖標(biāo)和字體的顏色 | app:barBackColor="#000000" |
app:barBackIconWidth | ActionBar 返回鍵圖標(biāo)的寬度 | app:barBackIconWidth="25dp" |
app:barBackIconHeight | ActionBar 返回鍵圖標(biāo)的高度 | app:barBackIconHeight="25dp" |
app:barBackText | ActionBar 返回鍵文字 | app:barBackText="返回" |
app:barBackTextSize | ActionBar 返回鍵文字大小 | app:barBackTextSize="13sp" |
app:barTitle | ActionBar 標(biāo)題文字 | app:barTitle="首頁(yè)" |
app:barTitleColor | ActionBar 標(biāo)題文字顏色 | app:barTitleColor="#000000" |
app:barTitleSize | ActionBar 標(biāo)題文字大小 | app:barTitleSize="22sp" |
app:barType | ActionBar 樣式垃喊,總共有四種樣式:TYPE_NORMAL(普通樣式)袜炕、TYPE_BACK(普通帶返回鍵樣式)偎窘、TYPE_SEARCH(搜索樣式)、TYPE_BACK_SEARCH(帶返回鍵搜索樣式)陌知、 | app:barType="TYPE_NORMAL" |
app:barActionBtnColor | ActionBar 標(biāo)題右側(cè)操作按鈕圖標(biāo)/文字顏色 | app:barActionBtnColor="#FF0000" |
app:barActionBtnText | ActionBar 標(biāo)題右側(cè)操作按鈕文字 | app:barActionBtnText="下一步" |
app:barActionBtnTextSize | ActionBar 標(biāo)題右側(cè)操作按鈕文字大小 | app:barActionBtnTextSize="15sp" |
app:barBottomLineWidth | ActionBar 底部分割線的寬度 | app:barBottomLineWidth="1dp" |
app:barBottomLineColor | ActionBar 底部分割線的顏色 | app:barBottomLineColor="#1a1a1a" |
app:barActionBtnIcon | ActionBar 標(biāo)題右側(cè)操作按鈕icon | app:barActionBtnIcon="@drawable/icon_next" |
app:barActionBtnIconWidth | ActionBar 標(biāo)題右側(cè)操作按鈕寬度 | app:barActionBtnIconWidth="25dp" |
app:barActionBtnIconHeight | ActionBar 標(biāo)題右側(cè)操作按鈕高度 | app:barActionBtnIconHeight="25dp" |
app:barSearchBackground | ActionBar 搜索樣式背景 | app:barSearchBackground="#FFFFFF" |
app:barSearchHint | ActionBar 搜索樣式搜索框提示文字 | app:barSearchHint="請(qǐng)輸入搜索內(nèi)容" |
app:barSearchText | ActionBar 搜索樣式搜索框文字 | app:barSearchText="今日新聞" |
app:barSearchHintColor | ActionBar 搜索樣式搜索框提示文字顏色 | app:barSearchHintColor="#E1E1E1" |
app:barSearchTextColor | ActionBar 搜索樣式搜索框文字顏色 | app:barSearchTextColor="#000000" |
app:barSearchTextSize | ActionBar 搜索樣式搜索框文字大小 | app:barSearchTextSize="20sp" |
android:background | ActionBar 背景顏色 | android:background="#FFFFFF" |
樣式說(shuō)明
根據(jù)圖片效果赏参,先自定義樣式說(shuō)明如下
注:標(biāo)號(hào)對(duì)應(yīng)圖片效果數(shù)字號(hào)碼
- 標(biāo)準(zhǔn)標(biāo)題頭,背景透明
style="@style/OneActionBar.Normal"
- 標(biāo)準(zhǔn)標(biāo)題頭把篓,藍(lán)色背景
style="@style/OneActionBar.Normal.Blue"
- 帶返回鍵標(biāo)題頭韧掩,透明背景
style="@style/OneActionBar.Back"
- 帶返回鍵標(biāo)題頭,藍(lán)色背景
style="@style/OneActionBar.Back.Blue"
- 帶搜索框標(biāo)題頭揍很,透明背景
style="@style/OneActionBar.Search"
- 帶搜索框標(biāo)題頭,藍(lán)色背景 ``style="@style/OneActionBar.Search.Blue"
- 搜索框帶返回鍵標(biāo)題頭呜袁,透明背景
style="@style/OneActionBar.Back.Search"
- 搜索框帶返回鍵標(biāo)題頭简珠,藍(lán)色背景
style="@style/OneActionBar.Back.Search.Blue"
示例
1、布局xml
<cn.onestravel.one.actionbar.OneActionBar
style="@style/OneActionBar.Back.Blue"
android:layout_width="match_parent"
android:layout_height="50dp"
app:barActionBtnText="下一步"
app:barTitle="調(diào)查問(wèn)卷" />
2膘融、樣式
<style name="OneActionBar.Back">
<item name="barTitleSize">22sp</item>
<item name="barActionBtnTextSize">16sp</item>
<item name="barType">TYPE_BACK</item>
<item name="barBackTextSize">14sp</item>
<item name="barBackText">返回</item>
</style>
<style name="OneActionBar.Back.Blue" parent="OneActionBar.Back">
<item name="android:background">#0080ff</item>
<item name="barBackColor">@android:color/white</item>
<item name="barTitleColor">@android:color/white</item>
<item name="barActionBtnColor">@android:color/white</item>
</style>