第43章、選項菜單OptionsMenu（從零開始學Android）

選項菜單OptionsMenu在2.3.x版本時是經常用到的，Android4.0仍然可以正常使用，但樣式發生了不小的變化。

 

一、Android4.0之OptionsMenu默認樣式

　　1、布局文件

　　（1）打開“res/layout/activity_main.xml”文件。

　　

　　輸入以下代碼：

[html] view plain copy  

1. <RelativeLayout   
2.     xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent" >  
5.   
6.     <TextView  
7.         android:layout_width="wrap_content"  
8.         android:layout_height="wrap_content"  
9.         android:layout_centerHorizontal="true"  
10.         android:layout_centerVertical="true"  
11.         android:text="@string/hello_world" />  
12.   
13. </RelativeLayout>  

　　（2）打開“res/menu/activity_main.xml”文件。　　輸入以下代碼： [html] view plain copy  

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <menu xmlns:android="http://schemas.android.com/apk/res/android">  
4.    
5.     <item android:id="@+id/connect"  
6.         android:orderInCategory="100"  
7.         android:showAsAction="never"  
8.         android:icon="@android:drawable/ic_menu_send"  
9.         android:title="連接" />  
10.       
11.     <item android:id="@+id/disconnect"  
12.         android:orderInCategory="100"  
13.         android:showAsAction="never"  
14.         android:icon="@android:drawable/ic_menu_close_clear_cancel"  
15.         android:title="斷開" />  
16.       
17.     <item android:id="@+id/search"  
18.         android:orderInCategory="100"  
19.         android:showAsAction="never"  
20.         android:icon="@android:drawable/ic_menu_search"  
21.         android:title="發現" />  
22.       
23.     <item android:id="@+id/view"  
24.         android:orderInCategory="100"  
25.         android:showAsAction="never"  
26.         android:icon="@android:drawable/ic_menu_view"  
27.         android:title="查看" />  
28.       
29.     <item android:id="@+id/help"  
30.         android:orderInCategory="100"  
31.         android:showAsAction="never"  
32.         android:icon="@android:drawable/ic_menu_help"  
33.         android:title="幫助" />  
34.       
35.     <item android:id="@+id/exit"  
36.         android:orderInCategory="100"  
37.         android:showAsAction="never"  
38.         android:icon="@android:drawable/ic_menu_revert"  
39.         android:title="退出" />  
40.           
41. </menu>  

　　2、程序文件　

　　打開“src/com.genwoxue.optionsmenu/MainActivity.java”文件。

　　然後輸入以下代碼：

[java] view plain copy  

1. package com.genwoxue.optionsmenu;  
2.   
3. import android.os.Bundle;  
4. import android.app.Activity;  
5. import android.widget.Toast;  
6. import android.view.Menu;  
7. import android.view.MenuItem;  
8.   
9.   
10. public class MainActivity extends Activity {  
11.   
12.     @Override  
13.     protected void onCreate(Bundle savedInstanceState) {  
14.         super.onCreate(savedInstanceState);  
15.         setContentView(R.layout.activity_main);  
16.     }  
17.   
18.     //初始化菜單  
19.     @Override  
20.     public boolean onCreateOptionsMenu(Menu menu) {  
21.         // 加載菜單  
22.         getMenuInflater().inflate(R.menu.activity_main, menu);  
23.         return true;  
24.     }  
25.   
26.     //根據菜單執行相應內容  
27.     @Override  
28.     public boolean onOptionsItemSelected(MenuItem item) {  
29.         switch (item.getItemId()) {  
30.         case R.id.connect:  
31.             Toast.makeText(getApplicationContext(), "藍牙連接……", Toast.LENGTH_SHORT).show();  
32.             return true;  
33.         case R.id.disconnect:  
34.             Toast.makeText(getApplicationContext(), "藍牙斷開……", Toast.LENGTH_SHORT).show();  
35.             return true;  
36.         case R.id.search:  
37.             Toast.makeText(getApplicationContext(), "尋找藍牙……", Toast.LENGTH_SHORT).show();  
38.             return true;  
39.         case R.id.view:  
40.             Toast.makeText(getApplicationContext(), "查看……", Toast.LENGTH_SHORT).show();  
41.             return true;  
42.         case R.id.help:  
43.             Toast.makeText(getApplicationContext(), "幫助……", Toast.LENGTH_SHORT).show();  
44.             return true;  
45.         case R.id.exit:  
46.             Toast.makeText(getApplicationContext(), "退出……", Toast.LENGTH_SHORT).show();  
47.             return true;  
48.         }  
49.         return false;  
50.     }  
51. }  

　　OptionsMenu菜單就這以簡單，下面我們看一下效果。　　3、運行結果

　　 　　

　　如果你已經習慣了Android2.x版本的樣式，你一定會懷疑是不是搞錯了，這是OptionsMenu菜單嗎？

　　一點不錯，Android4.0菜單就變成這個樣式了！

　　如果你非常懷舊，請接著往下看，我也看到網上很多人尋找往惜的美好回憶！（我也感覺原來的OptionsMenu菜單樣式漂亮）

 

 

二、Android4.0之OptionsMenu“老”樣式

　　我們需要改動的並不大，僅需要修改AndroidManifest.xml文件的樣式即可。

　　1、AndroidManifest.xml文件

　　打開“AndroidManifest.xml”文件。

　　輸入以下代碼：

[html] view plain copy  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"  
3.     package="com.genwoxue.optionsmenu"  
4.     android:versionCode="1"  
5.     android:versionName="1.0" >  
6.   
7.     <uses-sdk  
8.         android:minSdkVersion="8"  
9.         android:targetSdkVersion="15" />  
10.   
11.     <application  
12.         android:allowBackup="true"  
13.         android:icon="@drawable/ic_launcher"  
14.         android:label="@string/app_name"  
15.         android:theme="@style/AppTheme" >  
16.         <activity  
17.             android:name="com.genwoxue.optionsmenu.MainActivity"  
18.             android:label="@string/app_name"  
19.             android:theme="@android:style/Theme" >  
20.             <intent-filter>  
21.                 <action android:name="android.intent.action.MAIN" />  
22.                 <category android:name="android.intent.category.LAUNCHER" />  
23.             </intent-filter>  
24.         </activity>  
25.     </application>  
26.   
27. </manifest>  

 

　　我們在<activity ……></activity>中添加了android:theme="@android:style/Theme"之後，我們再來看一下效果。

　　2、運行效果　 　　

　　我們久違的效果又一次來到眼前，只不過現在全屏都成黑色的了！

　　如何改變背景顏色我就不說了吧，若你真不知道，百度一下，你就知道！

 

補充說明：

　　Android4.0及以上版本，更推薦你使用ActionBar！