教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

Android培訓實戰(zhàn)教程之使用ActionBar搭建Android UI框架

更新時間:2015年12月28日14時47分 來源:傳智播客Android培訓學院 瀏覽次數:

使用ActionBar搭建Android UI框架

什么是ActionBar?

ActionBar最早起源于Android 3.0系統, 最初是基于平板電腦設計的頂欄操作模塊, 后來Android 4.0系統將此操作模塊推廣的普通的手機屏幕, 旨在為所有Android用戶提供統一的交互體驗。
 
ActionBar主要分如下幾個部分:
 
1. 標題區(qū)域
此區(qū)域位于頂欄左側, 用來展示程序圖標, 標題, 及返回按鍵。
 
2. 操作區(qū)域
此區(qū)域位于頂欄右側, 用來展示操作選項及菜單列表。
 
具體可參考下圖:
 
           
    圖1-1 Actionbar簡介
 

什么是ActionBarSherlock?

由于ActionBar 起源于Android 3.0系統, 所以Android 2.x的系統無法正常運行ActionBar的所有功能。 我們可以使用第三方框架ActionBarSherlock來解決這個問題。使用這種框架的好處就是, Android任何版本都可以統一ActionBar的標準樣式, 無需開發(fā)者做過多兼容。這是官方網址：http://actionbarsherlock.com。
 
 
 
 
 
 
 
 
 

案例分析

接下來， 我們通過一個簡單的案例，來了解一下ActionBarSherlock的使用方式。

一． 下載ActionBarSherlock官方SDK

登錄官方網址：http://actionbarsherlock.com 下載SDK并解壓, 如圖所示:
 
                                  圖1-2 ActionBarSherlock SDK解壓
 
其中，actionbarsherlock是我們要使用的第三方庫文件，actionbarsherlock-samples是例子程序。
 

二． 創(chuàng)建Demo程序

使用eclipse創(chuàng)建Android項目MyActionBarDemo，并且引入上一步下載的第三方庫文件actionbarsherlock， 如下圖所示：
 
圖1-3 MyActionBarDemo
 
右鍵單擊項目MyActionBarDemo，選擇Properties，彈窗左側列表選擇Android，點擊Add按鈕，選擇actionbarsherlock后，點擊確定。這樣，我們自己的項目MyActionBarDemo就和ActionBarSherlock關聯了起來，可以直接調用ActionBarSherlock中的所有資源文件和API了。
 
圖1-4 引入ActionBarSherlock庫文件（1）
 
圖1-5 引入ActionBarSherlock庫文件（2）
 
注：由于actionbarsherlock的libs包下已經有android-support-v4.jar，為了避免jar包沖突，我們需要將MyActionBarDemo中l(wèi)ibs目錄下的android-support-v4.jar刪除掉。
 

三． 快速開始

1. 在AndroidManifest.xml中，修改應用程序的主題，改為Sherlock下的某種主題，比如：@style/Theme.Sherlock.Light，表示亮色風格的主題。
 
 <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/Theme.Sherlock.Light" >
        <activity
            android:name="com.example.actionbardemo.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />


                <category android:name="android.intent.category.LAUNCHER" />


            </intent-filter>


        </activity>


 </application>



 

2. 讓MainActivity繼承SherlockActivity。

 




public class MainActivity extends SherlockActivity {


         @Override


         protected void onCreate(Bundle savedInstanceState) {


                  super.onCreate(savedInstanceState);


                  setContentView(R.layout.activity_main);


         }


}



 

3. 在res目錄下，新建menu文件夾，在menu下新建xml文件，名為main.xml，文件內容如下所示：

 




<menu xmlns:android="http://schemas.android.com/apk/res/android" >


    <item


        android:id="@+id/action_1"


        android:showAsAction="always"


       android:icon="@drawable/ic_launcher"


        android:title="action_1"/>


</menu>



 

此xml文件根標簽是menu，子標簽item表示一個操作選項。item有幾個屬性：id表示item的id標識；showAsAction表示item的展現方式，showAsAction=always表示item一直展示在actionbar的條目上；icon表示item的圖標；title表示item的標題。

 

4. 在MainActivity中重寫onCreateOptionsMenu這個方法。

 




@Override


public boolean onCreateOptionsMenu(Menu menu) {


         getSupportMenuInflater().inflate(R.menu.main, menu);


         return super.onCreateOptionsMenu(menu);


}



 

此方法可以將描述文件main.xml填充到ActionBar的條目中。

運行程序，即可發(fā)現在ActionBar的操作區(qū)域，多了一個操作選項，如圖所示：

 

 

 

 



圖1-6 顯示操作選項

 

 

5. 為了讓操作選項響應點擊事件，可以在MainActivity中重寫onOptionsItemSelected方法。

 




@Override


public boolean onOptionsItemSelected(MenuItem item) {


         switch (item.getItemId()) {


         case R.id.action_1:


              Log.d("Test", "action 1 is clicked!");


              break;


         default:


         break;


         }


         return super.onOptionsItemSelected(item);


}



 

在這個方法中，根據item的id來區(qū)分哪一個item被點擊，從而執(zhí)行相應的操作。

 

 

 

 

 


四． 擴展功能

1. 為了在ActionBar中顯示子菜單功能，可以在main.xml中追加一段代碼：

 




<menu xmlns:android="http://schemas.android.com/apk/res/android" >


    <item


        android:id="@+id/action_1"


        android:icon="@drawable/ic_launcher"


        android:showAsAction="always"


        android:title="action_1"/>


    <item


        android:id="@+id/action_more"


        android:icon="@drawable/ic_launcher"


        android:showAsAction="always"


        android:title="action_more">


        <menu>


            <item


                android:id="@+id/action_2"


                android:showAsAction="always"


                android:title="action_2"/>


            <item


                android:id="@+id/action_3"


                android:showAsAction="always"


                android:title="action_3"/>


        </menu>


    </item>


</menu>



 

運行項目，點擊新增的item，可得到如下效果：

 

 

 

 



圖1-7 ActionBar的子菜單

 

 

2. ActionBar還可以動態(tài)修改標題，logo圖標，設置返回按鈕等。

 




private void updateActionBar() {


         ActionBar actionbar = getSupportActionBar();//獲取actionbar對象


         actionbar.setTitle("自定義標題");//修改actionbar標題


         actionbar.setLogo(R.drawable.logo);//修改actionbar的logo


         actionbar.setDisplayHomeAsUpEnabled(true);//顯示返回按鍵


}



 



圖1-8 自定義actionbar

 

注： 返回按鍵的點擊事件也是在onOptionsItemSelected中進行捕獲，只不過采用系統默認id：android.R.id.home。

 


總結

隨著Android系統的飛速發(fā)展，ActionBar會應用到越來越多的項目當中，比如微信近期的幾個版本都采用了ActionBar的UI框架。為了保證2.x版本的兼容，我們可以直接使用ActionBarSherlock這個流行的第三方SDK，其API的調用方式幾乎和Android原生ActionBar的調用方式完全一致，極大降低了開發(fā)成本，提高了開發(fā)效率。





本文版權歸傳智播客Android培訓學院所有，歡迎轉載，轉載請注明作者出處。謝謝！

作者：傳智播客Android培訓學院

首發(fā)：http://xamj520.com/android/



 


                

                
                
                
                
                


0
分享到：










                
            

            
        

        
    



    
    

        
    

    
    

        


    

    




 



























 


	
	
	
	




	

	
和我們在線交談！