[Android開源框架]ActionBarEx使用說明

摘要： ActionBarEx 高拓展高自定義性ActionBar，完美替代Android系統預設 Demo下載 專案簡介 整個ActionBar分為3層： BackgroundLayer / ActionBarLayer / ForegroundLayer ...

ActionBarEx

高拓展高自定義性ActionBar，完美替代Android系統預設

ofollow,noindex">Demo下載

專案簡介

整個ActionBar分為3層： BackgroundLayer / ActionBarLayer / ForegroundLayer

根層級	子層級	說明	備註
BackgroundLayer		背景層	可自定義佈局
ActionBarLayer		主體層	垂直線性佈局
	StatusBar	狀態列
	TitleBar	導航欄	可自定義佈局
	BottomLine	分割線
ForegroundLayer		前景層	可自定義佈局

截圖

整合方式

新增依賴

Step 1. Add the JitPack repository to your build file

Add it in your root build.gradle at the end of repositories:

allprojects {
repositories {
...
maven { url 'https://www.jitpack.io' }
}
}

Step 2. Add the dependency

dependencies {
implementation 'com.github.goweii:ActionBarEx:v2.2.0'
}

佈局檔案引用

<per.goweii.actionbarex.SimpleActionBar
android:id="@+id/simple_action_bar_3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:background="#ccffffff"
app:ab_bottom_line_color="@color/line"
app:ab_bottom_line_height="0dp"
app:ab_foreground_layer_layout="@layout/loading_bar"
app:ab_status_bar_color="@color/transparent"
app:ab_status_bar_mode="dark"
app:ab_title_bar_height="48dp"
app:simple_left_text="返回"
app:simple_left_text_padding_left="0dp"
app:simple_left_text_padding_right="0dp"
app:simple_left_image_color="@color/black"
app:simple_left_image_res="@mipmap/back"
app:simple_right_image_color="@color/black"
app:simple_right_image_res="@mipmap/search"
app:simple_right_text="確定"
app:simple_right_text_padding_left="0dp"
app:simple_right_text_padding_right="0dp"
app:simple_title_text="這個標題有點長我試試長標題什麼樣子"
app:simple_title_text_max_width="180dp" />

屬性介紹

ActionBarEx屬性介紹

<!--是否開啟自動沉浸狀態列，預設為true-->
<attr name="ab_auto_immersion" format="boolean" />
<!--背景層佈局，優先順序高於背景層為圖片-->
<attr name="ab_background_layer_layout" format="reference" />
<!--背景層為圖片-->
<attr name="ab_background_layer_image_res" format="reference" />
<!--是否顯示狀態列，預設為true-->
<attr name="ab_status_bar_visible" format="boolean" />
<!--狀態列顏色，預設透明-->
<attr name="ab_status_bar_color" format="color|reference" />
<!--狀態列圖示顏色模式，預設light-->
<attr name="ab_status_bar_mode" format="enum">
<enum name="light" value="0" />
<enum name="dark" value="1" />
</attr>
<!--主體層佈局-->
<attr name="ab_title_bar_layout" format="reference" />
<!--主體層高度，預設為48dp-->
<attr name="ab_title_bar_height" format="dimension|reference" />
<!--底部分割線高度，預設為0dp-->
<attr name="ab_bottom_line_height" format="dimension|reference" />
<!--底部分割線顏色，預設透明-->
<attr name="ab_bottom_line_color" format="color|reference" />
<!--前景層佈局-->
<attr name="ab_foreground_layer_layout" format="reference" />

SimpleActionBar屬性介紹

<attr name="simple_left_text" format="string|dimension" />
<attr name="simple_left_text_size" format="dimension|reference" />
<attr name="simple_left_text_color" format="color|reference" />
<attr name="simple_left_text_padding_left" format="dimension|reference" />
<attr name="simple_left_text_padding_right" format="dimension|reference" />
<attr name="simple_left_image_res" format="reference" />
<attr name="simple_left_image_color" format="color|reference" />
<attr name="simple_left_image_padding" format="dimension|reference" />
<attr name="simple_right_text" format="string|dimension" />
<attr name="simple_right_text_size" format="dimension|reference" />
<attr name="simple_right_text_color" format="color|reference" />
<attr name="simple_right_text_padding_left" format="dimension|reference" />
<attr name="simple_right_text_padding_right" format="dimension|reference" />
<attr name="simple_right_image_res" format="reference" />
<attr name="simple_right_image_color" format="color|reference" />
<attr name="simple_right_image_padding" format="dimension|reference" />
<attr name="simple_title_text" format="string|reference" />
<attr name="simple_title_text_size" format="dimension|reference" />
<attr name="simple_title_text_color" format="color|reference" />
<attr name="simple_title_text_max_width" format="dimension|reference" />

SearchActionBar屬性介紹

<attr name="search_left_text" format="string|dimension" />
<attr name="search_left_text_size" format="dimension|reference" />
<attr name="search_left_text_color" format="color|reference" />
<attr name="search_left_text_padding_left" format="dimension|reference" />
<attr name="search_left_text_padding_right" format="dimension|reference" />
<attr name="search_left_image_res" format="reference" />
<attr name="search_left_image_color" format="color|reference" />
<attr name="search_left_image_padding" format="dimension|reference" />
<attr name="search_right_text" format="string|dimension" />
<attr name="search_right_text_size" format="dimension|reference" />
<attr name="search_right_text_color" format="color|reference" />
<attr name="search_right_text_padding_left" format="dimension|reference" />
<attr name="search_right_text_padding_right" format="dimension|reference" />
<attr name="search_right_image_res" format="reference" />
<attr name="search_right_image_color" format="color|reference" />
<attr name="search_right_image_padding" format="dimension|reference" />
<attr name="search_title_hint_text" format="string|reference" />
<attr name="search_title_text_size" format="dimension|reference" />
<attr name="search_title_text_color" format="color|reference" />
<attr name="search_title_hint_color" format="color|reference" />