Android Action Bar 自定義View

接着上一篇Action Bar 加入Back鍵, 在Action Bar中加入自定義View. 依然先看效果:

---

actionbar自定義view的佈局文件action_bar.xml, 此處能夠任意發揮, 實現腦海中的自定義View.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:gravity="center_vertical"
    android:orientation="horizontal">
    <TextView
        android:id="@+id/action_bar_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#EEA9B8"
        android:text="@string/action_bar_title" />
    <Spinner
        android:id="@+id/action_bar_spinner"
        android:layout_width="wrap_content"
        android:layout_height="match_parent" >
    </Spinner>
</LinearLayout>

---

上邊的自定義View裏面我用了個Spinner, 那Spinner的Item的佈局, 借用了以前抽屜導航Item的佈局drawer_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_vertical"
    android:orientation="horizontal" >
    <ImageView
        android:id="@+id/drawer_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <TextView
        android:id="@+id/drawer_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</LinearLayout>

---

佈局準備好了, 接下來就是在Activity裏面寫一些.

首先是onCreate()方法裏面準備一下.

/** action_bar添加自定義view */
View actionbarLayout = LayoutInflater.from(this).inflate(R.layout.action_bar, null);
mActionbarSpinne = (Spinner) actionbarLayout.findViewById(R.id.action_bar_spinner);
//setAdapter能夠根據具體狀況, 此處沒必要深究.
mActionbarSpinne.setAdapter(new SimpleAdapter(this,
        getDrawerItems(true), R.layout.drawer_item, new String[] {
                "drawer_img", "drawer_title" }, new int[] {
                R.id.drawer_img, R.id.drawer_title }));
mActionbarSpinne.setOnItemSelectedListener(new SpinnerItemSelectedListener());
//使自定義的普通View能在title欄顯示, actionBar.setCustomView能起做用.
actionBar.setDisplayShowCustomEnabled(true);
actionBar.setCustomView(actionbarLayout);

而後Spinner Item選中時, 加個Listener

/**
 * 監聽action_bar的spinner item選擇事件
 */
private class SpinnerItemSelectedListener implements OnItemSelectedListener {
    @Override
    public void onItemSelected(AdapterView<?> arg0, View view, int position,
            long arg3) {
        selectItem(view, position, MESSAGE_SPINNER_ITEM);
    }
    @Override
    public void onNothingSelected(AdapterView<?> arg0) {}
}

Listener的selectItem()細節以下

if (messageId == MESSAGE_SPINNER_ITEM) {
            if (position != 0) {
                TextView title = (TextView) view.findViewById(R.id.drawer_title);
                String cityName = title.getText().toString();
                this.cityInput.setText(cityName);
            }
        }

---

至此, 能夠根據具體狀況在Action bar上面自定義View