Android實現新浪微博中的分組菜單對話框

實現效果：

實現思路：

分組信息其實就是一個Dialog，我們可以通過繼承自Dialog來實現我們自己的需求。同時我們需要設置為當我們點擊其他地方的時候Dialog能消失。

Android實現新浪微博中的分組菜單對話框源代碼下載地址：

免費下載地址在 http://linux.linuxidc.com/

用戶名與密碼都是www.linuxidc.com

具體下載目錄在 /2012年資料/2月/20日/Android實現新浪微博中的分組菜單對話框/

具體實現代碼：（注釋寫在代碼中）

1. package com.jiahui.view;  
2.   
3. import java.util.ArrayList;  
4. import java.util.HashMap;  
5. import java.util.List;  
6. import java.util.Map;  
7.   
8. import android.app.Dialog;  
9. import android.content.Context;  
10. import android.view.Gravity;  
11. import android.view.View;  
12. import android.view.WindowManager.LayoutParams;  
13. import android.widget.Button;  
14. import android.widget.ListView;  
15. import android.widget.SimpleAdapter;  
16.   
17. import com.jiahui.dialog.R;  
18.   
19. /** 
20.  * 繼承自Dialog 
21.  *  
22.  * @author Administrator 
23.  *  
24.  */  
25. public class MyDialog extends Dialog {  
26.   
27.     protected MyDialog(Context context, boolean cancelable,  
28.             OnCancelListener cancelListener) {  
29.         super(context, cancelable, cancelListener);  
30.         // TODO Auto-generated constructor stub   
31.     }  
32.   
33.     public MyDialog(Context context, int theme) {  
34.         super(context, theme);  
35.         // TODO Auto-generated constructor stub   
36.     }  
37.   
38.     public MyDialog(Context context) {  
39.   
40.         // 使用主題   
41.         super(context, R.style.Theme_Transparent);  
42.   
43.         setContentView(R.layout.my_menu_dialog);  
44.   
45.         // 設置點擊這個對話框之外能消失   
46.         setCanceledOnTouchOutside(true);  
47.         // 設置window屬性   
48.         LayoutParams a = getWindow().getAttributes();  
49.         a.gravity = Gravity.TOP;  
50.         a.dimAmount = 0; // 去背景遮蓋   
51.   
52.         getWindow().setAttributes(a);  
53.   
54.         initMenu();  
55.   
56.     }  
57.   
58.     private void initMenu() {  
59.   
60.         List<String> menus = new ArrayList<String>();  
61.   
62.         menus.add("分組一");  
63.         menus.add("分組二");  
64.   
65.         // 准備要添加的數據條目   
66.         List<Map<String, Object>> items = new ArrayList<Map<String, Object>>();  
67.   
68.         for (String str : menus) {  
69.             Map<String, Object> map = new HashMap<String, Object>();  
70.   
71.             map.put("group", str);  
72.             items.add(map);  
73.         }  
74.         SimpleAdapter simpleAdapter = new SimpleAdapter(getContext(), items,  
75.                 R.layout.menu_item, new String[] { "group" },  
76.                 new int[] { R.id.item_text });  
77.   
78.         ListView mylistview = (ListView) this.findViewById(R.id.mylistview);  
79.   
80.         mylistview.setAdapter(simpleAdapter);  
81.   
82.     }  
83.   
84.     // 設置位置   
85.     public void setPosition(int x, int y) {  
86.         LayoutParams a = getWindow().getAttributes();  
87.         if (-1 != x)  
88.             a.x = x;  
89.         if (-1 != y)  
90.             a.y = y;  
91.         System.out.println("a.x" + a.x);  
92.         System.out.println("a.y" + a.y);  
93.         getWindow().setAttributes(a);  
94.     }  
95.   
96. }  

My_menu_dialog.xml文件中的代碼：

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
4.   
5.     android:id="@+id/layout_root"  
6.   
7.     android:layout_width="wrap_content"  
8.   
9.     android:layout_height="wrap_content" >  
10.   
11.    
12.   
13.     <ListView  
14.   
15.         android:id="@+id/mylistview"  
16.   
17.         android:layout_width="wrap_content"  
18.   
19.         android:layout_height="wrap_content"  
20.   
21.         android:gravity="center" >  
22.   
23.     </ListView>  
24.   
25.    
26.   
27.     <Button  
28.   
29.         android:id="@+id/close_menu"  
30.   
31.         android:layout_width="wrap_content"  
32.   
33.         android:layout_height="wrap_content"  
34.   
35.         android:text="close"  
36.   
37.         android:visibility="gone" />  
38.   
39.    
40.   
41. </RelativeLayout>  

Theme.xml文件

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <resources>  
4.   
5.     <style name="Theme.Transparent" parent="android:Theme">  
6.   
7.         <item name="android:windowBackground">@drawable/dialog_box_2</item>  
8.   
9.         <item name="android:windowIsTranslucent">false</item>  
10.   
11.         <item name="android:windowContentOverlay">@null</item>  
12.   
13.         <item name="android:windowNoTitle">true</item>  
14.   
15.         <item name="android:windowIsFloating">true</item>  
16.   
17.         <item name="android:backgroundDimEnabled">false</item>  
18.   
19.     </style>  
20.   
21. </resources>  

測試的Activity代碼

1. package com.jiahui.dialog;  
2.   
3. import android.app.Activity;  
4. import android.graphics.Rect;  
5. import android.os.Bundle;  
6. import android.view.View;  
7. import android.view.View.OnClickListener;  
8. import android.view.Window;  
9. import android.widget.Button;  
10.   
11. import com.jiahui.view.MyDialog;  
12.   
13. public class MyDialogActivity extends Activity {  
14.   
15.     private MyDialog myDialog;  
16.   
17.     private Button btngroup;  
18.   
19.     public void onCreate(Bundle savedInstanceState) {  
20.         super.onCreate(savedInstanceState);  
21.         //設置無標題    
22.         requestWindowFeature(getWindow().FEATURE_NO_TITLE);  
23.         setContentView(R.layout.main);  
24.   
25.         btngroup = (Button) this.findViewById(R.id.btngroup);  
26.   
27.         btngroup.setOnClickListener(new OnClickListener() {  
28.   
29.             @Override  
30.             public void onClick(View v) {  
31.                 if (null == myDialog) {  
32.                     myDialog = new MyDialog(MyDialogActivity.this);  
33.   
34.       
35.                     //如果沒有設置無標題的話，這裡還要加上標題欄的高度才行，至於如何獲取標題欄的高度的話由讀者自行解決   
36.                     int top = btngroup.getTop();//是獲取如果設置了的margin_top   
37.                     int height = btngroup.getHeight();  
38.                     int y= top + height;  
39.                       
40.                     System.out.println("y:"+y);  
41.                     // 設置顯示的位置   
42.                     myDialog.setPosition(-1, y);  
43.   
44.                 }  
45.                 if (myDialog.isShowing()) {  
46.                     myDialog.dismiss();  
47.                 } else {  
48.                     myDialog.show();  
49.                 }  
50.   
51.             }  
52.         });  
53.     }  
54. }