Android Action Bar 自訂View

 

 

actionbar自訂view的布局檔案action_bar.xml

 

[html] 
<?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> 

<?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>Spinner Item的布局, 借用了之前抽屜導航Item的布局drawer_item.xml

 

[html] 
<?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> 

<?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()方法裡面準備一下.
[java] 
/** 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); 

/** 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);然後是

[java]
/**
 * 監聽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) {} 
} 

/**
 * 監聽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()細節如下

[java] 
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); 
            } 
        }