Android自訂ActionBar

標籤：

Android 3.0及以上已經有了ActionBar的API，可以通過引入support package在3.0以下的平台引用這些API，但這兒呢，完全自訂一個ActionBar，不用引入額外jar包，參照的是開源的UI組件 GreeenDroid，項目首頁：https://github.com/cyrilmottier/GreenDroid 。提取出關於ActionBar的相關檔案，你可以放在自己的項目中，最後會附。下面說下在程式中的用法。

建立一個TestActionBar項目，假設你把相關的代碼放在了com.leaf.actionbar這個包下。首先建立一個布局檔案，main.xml，如下：

<?xml version="1.0" encoding="utf-8"?>  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"      xmlns:bar="http://schemas.android.com/apk/res/com.leaf.actionbar"       android:layout_width="match_parent"      android:layout_height="match_parent"      android:orientation="vertical" >            <com.leaf.actionbar.ActionBar          android:id="@id/gd_action_bar"          android:layout_height="@dimen/gd_action_bar_height"          android:layout_width="fill_parent"          android:background="?attr/gdActionBarBackground"          bar:type="normal"          bar:title="Test ActionBar" />  </LinearLayout>  

這個自訂ActionBar其實是個Linearlayout，還有些自己的屬性，首先要定義一個命名空間，名字隨意，如上面的bar。title就是 actionbar的上的標題；type是區分這個actionbar的上左邊item的布局，有三種類型，一種是normal：左邊是一個顯示首頁的 imagebutton和顯示title的textview，一種是dashboard，左邊是一個顯示app表徵圖的imageview和顯示title 的textview，一種是empty，左邊只有一個顯示title的textview，右邊都是自己添加的按鈕，預設是normal。如下：分別對應 normal、dashboard和empty。

還有一些屬性，homeDrawable可以替換左邊那個圖片，預設是那個首頁的圖片，dividerDrawable：分割線，dividerWidth：分割線寬度，maxItems：右邊添加的item的最大個數。可選擇添加。

接著MainActivity.java

public class MainActivity extends Activity {    private ActionBar mActionBar;    private final Handler mHandler = new Handler();    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        // 針對type是normal的情況        mActionBar = (ActionBar) findViewById(R.id.gd_action_bar);        // 添加右邊的具體的item，其實是imagebutton        // 它內部自己封裝了一些type，比如refresh、search，主要就是直接使用它內建的一些圖片作為imagebutton的src        // 後面是該imagebutton的id，可以在values/ids.xml中定義        // 重新整理跟其他type有所不一樣，除了一個imagebutton，還有一個progressbar，下面可看到        mActionBar.addItem(Type.Refresh, R.id.action_bar_refresh);        mActionBar.addItem(Type.Search, R.id.action_bar_search);        // 你也可以按照下面一樣自己添加一個item，設定自己的圖片        mActionBar.addItem(                mActionBar.newActionBarItem(NormalActionBarItem.class)                        .setDrawable(R.drawable.gd_action_bar_eye)                        .setContentDescription("view"), R.id.action_bar_view);        // 給item即imagebutton添加監聽事件        mActionBar.setOnActionBarListener(new OnActionBarListener() {            @Override            public void onActionBarItemClicked(int position) {                if (position == ActionBar.OnActionBarListener.HOME_ITEM) {                    // 當按左邊的首頁按鈕時所觸發的操作                    Toast.makeText(MainActivity.this, "home or back",                            Toast.LENGTH_SHORT).show();                    return;                }                final ActionBarItem item = mActionBar.getItem(position);                switch (item.getItemId()) {                case R.id.action_bar_refresh:                    if (item instanceof LoaderActionBarItem) {                        mHandler.postDelayed(new Runnable() {                            @Override                            public void run() {                                // 通過這個方法可以來顯示和隱藏那個progressbar                                ((LoaderActionBarItem) item).setLoading(false);                            }                        }, 2000);                    }                    Toast.makeText(MainActivity.this, "refresh",                            Toast.LENGTH_SHORT).show();                    break;                case R.id.action_bar_search:                    // 你具體的操作                    Toast.makeText(MainActivity.this, "search",                            Toast.LENGTH_SHORT).show();                    break;                case R.id.action_bar_view:                    // 你具體的操作                    Toast.makeText(MainActivity.this, "view",                            Toast.LENGTH_SHORT).show();                    break;                }            }        });    }}

最後還要注意一點，在AndroidManifest.xml檔案中：

<application        android:icon="@drawable/ic_launcher"        android:label="testactionbar"         android:theme="@style/Theme.GreenDroid">        <activity android:name=".MainActivity">            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity></application>

不加這句會報錯的，這個theme繼承自parent="android:Theme"，裡面有些自訂的style。如果你想比如將window的 title欄去掉，應該在這個theme檔案裡再加上：<item name="android:windowNoTitle">true</item>。
最後：

Android自訂ActionBar