閱讀69 返回首頁    go 阿裏雲 go 技術社區[雲棲]

自定義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，如下：

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"  
  3.     xmlns:bar="https://schemas.android.com/apk/res/com.leaf.actionbar"   
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent"  
  6.     android:orientation="vertical" >  
  7.       
  8.     <com.leaf.actionbar.ActionBar  
  9.         android:id="@id/gd_action_bar"  
  10.         android:layout_height="@dimen/gd_action_bar_height"  
  11.         android:layout_width="fill_parent"  
  12.         android:background="?attr/gdActionBarBackground"  
  13.         bar:type="normal"  
  14.         bar:title="Test ActionBar" />  
  15. </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

  1. public class MainActivity extends Activity {  
  2.   
  3.     private ActionBar mActionBar;  
  4.     private final Handler mHandler = new Handler();  
  5.   
  6.     @Override  
  7.     protected void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.         // 針對type是normal的情況  
  11.         mActionBar = (ActionBar) findViewById(R.id.gd_action_bar);  
  12.         // 添加右邊的具體的item，其實是imagebutton  
  13.         // 它內部自己封裝了一些type，比如refresh、search，主要就是直接使用它內置的一些圖片作為imagebutton的src  
  14.         // 後麵是該imagebutton的id，可以在values/ids.xml中定義  
  15.         // 刷新跟其他type有所不一樣，除了一個imagebutton，還有一個progressbar，下麵可看到  
  16.         mActionBar.addItem(Type.Refresh, R.id.action_bar_refresh);  
  17.         mActionBar.addItem(Type.Search, R.id.action_bar_search);  
  18.         // 你也可以按照下麵一樣自己添加一個item，設置自己的圖片  
  19.         mActionBar.addItem(  
  20.                 mActionBar.newActionBarItem(NormalActionBarItem.class)  
  21.                         .setDrawable(R.drawable.gd_action_bar_eye)  
  22.                         .setContentDescription("view"), R.id.action_bar_view);  
  23.         // 給item即imagebutton添加監聽事件  
  24.         mActionBar.setOnActionBarListener(new OnActionBarListener() {  
  25.   
  26.             @Override  
  27.             public void onActionBarItemClicked(int position) {  
  28.   
  29.                 if (position == ActionBar.OnActionBarListener.HOME_ITEM) {  
  30.   
  31.                     // 當按左邊的主頁按鈕時所觸發的操作  
  32.                     Toast.makeText(MainActivity.this, "home or back",  
  33.                             Toast.LENGTH_SHORT).show();  
  34.                     return;  
  35.   
  36.                 }  
  37.   
  38.                 final ActionBarItem item = mActionBar.getItem(position);  
  39.   
  40.                 switch (item.getItemId()) {  
  41.                 case R.id.action_bar_refresh:  
  42.                     if (item instanceof LoaderActionBarItem) {  
  43.   
  44.                         mHandler.postDelayed(new Runnable() {  
  45.                             @Override  
  46.                             public void run() {  
  47.                                 // 通過這個方法可以來顯示和隱藏那個progressbar  
  48.                                 ((LoaderActionBarItem) item).setLoading(false);  
  49.                             }  
  50.                         }, 2000);  
  51.                     }  
  52.   
  53.                     Toast.makeText(MainActivity.this, "refresh",  
  54.                             Toast.LENGTH_SHORT).show();  
  55.                     break;  
  56.   
  57.                 case R.id.action_bar_search:  
  58.   
  59.                     // 你具體的操作  
  60.                     Toast.makeText(MainActivity.this, "search",  
  61.                             Toast.LENGTH_SHORT).show();  
  62.                     break;  
  63.   
  64.                 case R.id.action_bar_view:  
  65.   
  66.                     // 你具體的操作  
  67.                     Toast.makeText(MainActivity.this, "view",  
  68.                             Toast.LENGTH_SHORT).show();  
  69.                     break;  
  70.   
  71.                 }  
  72.             }  
  73.         });  
  74.     }  
  75.   
  76. }  
最後還要注意一點，在AndroidManifest.xml文件中：
  1. <application  
  2.         android:icon="@drawable/ic_launcher"  
  3.         android:label="testactionbar"   
  4.         android:theme="@style/Theme.GreenDroid">  
  5.         <activity android:name=".MainActivity">  
  6.             <intent-filter>  
  7.                 <action android:name="android.intent.action.MAIN" />  
  8.                 <category android:name="android.intent.category.LAUNCHER" />  
  9.             </intent-filter>  
  10.         </activity>  
  11. </application>  
不加這句會報錯的，這個theme繼承自parent="android:Theme"，裏麵有些自定義的style。如果你想比如將window的title欄去掉，應該在這個theme文件裏再加上：<item name="android:windowNoTitle">true</item>。
最後效果圖：

項目打包下載：

點擊打開

最後更新：2017-04-03 12:56:41

  上一篇：go Sql Server REPLACE函數
  下一篇：go 九度題目1363：歡樂鬥地主