Android Action Bar 自定义View

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

actionbar自定义view的布局文件action_bar.xml

 

  1. <?xml version=”1.0″ encoding=”utf-8″?>
  2. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
  3.     android:layout_width=”wrap_content”
  4.     android:layout_height=”match_parent”
  5.     android:gravity=”center_vertical”
  6.     android:orientation=”horizontal”>
  7.     <TextView
  8.         android:id=”@+id/action_bar_title”
  9.         android:layout_width=”wrap_content”
  10.         android:layout_height=”wrap_content”
  11.         android:textColor=”#EEA9B8″
  12.         android:text=”@string/action_bar_title” />
  13.     <Spinner
  14.         android:id=”@+id/action_bar_spinner”
  15.         android:layout_width=”wrap_content”
  16.         android:layout_height=”match_parent” >
  17.     </Spinner>
  18. </LinearLayout>

Spinner Item的布局, 借用了之前抽屉导航Item的布局drawer_item.xml

 

 

  1. <?xml version=”1.0″ encoding=”utf-8″?>
  2. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
  3.     android:layout_width=”match_parent”
  4.     android:layout_height=”match_parent”
  5.     android:gravity=”center_vertical”
  6.     android:orientation=”horizontal” >
  7.     <ImageView
  8.         android:id=”@+id/drawer_img”
  9.         android:layout_width=”wrap_content”
  10.         android:layout_height=”wrap_content”/>
  11.     <TextView
  12.         android:id=”@+id/drawer_title”
  13.         android:layout_width=”wrap_content”
  14.         android:layout_height=”wrap_content”/>
  15. </LinearLayout>

 

布局准备好了, 在Activity里面写一些.

首先是onCreate()方法里面准备一下.

  1. /** action_bar添加自定义view */
  2. View actionbarLayout = LayoutInflater.from(this).inflate(R.layout.action_bar, null);
  3. mActionbarSpinne = (Spinner) actionbarLayout.findViewById(R.id.action_bar_spinner);
  4. //setAdapter可以根据具体情况, 此处不必深究.
  5. mActionbarSpinne.setAdapter(new SimpleAdapter(this,
  6.         getDrawerItems(true), R.layout.drawer_item, new String[] {
  7.                 “drawer_img”, “drawer_title” }, new int[] {
  8.                 R.id.drawer_img, R.id.drawer_title }));
  9. mActionbarSpinne.setOnItemSelectedListener(new SpinnerItemSelectedListener());
  10. //使自定义的普通View能在title栏显示, actionBar.setCustomView能起作用.
  11. actionBar.setDisplayShowCustomEnabled(true);
  12. actionBar.setCustomView(actionbarLayout);

然后是

 

  1. /**
  2.  * 监听action_bar的spinner item点击事件
  3.  */
  4. private class SpinnerItemSelectedListener implements OnItemSelectedListener {
  5.     @Override
  6.     public void onItemSelected(AdapterView<?> arg0, View view, int position,
  7.             long arg3) {
  8.         selectItem(view, position, MESSAGE_SPINNER_ITEM);
  9.     }
  10.     @Override
  11.     public void onNothingSelected(AdapterView<?> arg0) {}
  12. }

Listener的selectItem()细节如下

 

 

  1. if (messageId == MESSAGE_SPINNER_ITEM) {
  2.             if (position != 0) {
  3.                 TextView title = (TextView) view.findViewById(R.id.drawer_title);
  4.                 String cityName = title.getText().toString();
  5.                 this.cityInput.setText(cityName);
  6.             }
  7.         }

至此, 可以根据具体情况在Action bar上面自定义View

标签