Android仿ucweb的菜單效果

先看一張圖

這裡有幾個要點
1，主界面有個listview+下面一個toolbar
2，按menu鍵的時候彈出一個dialog

問題是，彈出的dialog如何顯示成gridview的形式呢，你說對了，就是用一個gridview來顯示出來。
具體的思路就是如此了，首先主界面運用一個RelativeLayout來布局相對的位置，上面是個ListView，下面是個Gridview，當然，你也可以用其他的方式來布局先面的toolbar。

新建一個項目，我的MainActivity名字是UcwebDemoActivity，代碼如下：

1. public class UcwebDemoActivity extends Activity {
2. AlertDialog menuDialog;
3. ListView listView;
4. GridView menuGrid, toolbarGrid;
5. View menuView;
6. private boolean isMore = false;
7. private final int ITEM_SEARCH = 0;
8. private final int ITEM_FILE_MANAGER = 1;
9. private final int ITEM_DOWN_MANAGER = 2;
10. private final int ITEM_FULLSCREEN = 3;
11. private final int ITEM_MORE = 11;
13. private final int TOOLBAR_ITEM_PAGEHOME = 0;
14. private final int TOOLBAR_ITEM_BACK = 1;
15. private final int TOOLBAR_ITEM_FORWARD = 2;
16. private final int TOOLBAR_ITEM_NEW = 3;
17. private final int TOOLBAR_ITEM_MENU = 4;
18. int[] menu_image_array = { R.drawable.menu_search,
19. R.drawable.menu_filemanager, R.drawable.menu_downmanager,
20. R.drawable.menu_fullscreen, R.drawable.menu_inputurl,
21. R.drawable.menu_bookmark, R.drawable.menu_bookmark_sync_import,
22. R.drawable.menu_sharepage, R.drawable.menu_quit,
23. R.drawable.menu_nightmode, R.drawable.menu_refresh,
24. R.drawable.menu_more };
25. String[] menu_name_array = { "Search", "Filemanager", "Download",
26. "Fullscreen", "Inputurl", "Bookmark", "Bookmark_sync", "Share",
27. "Quit", "NightModeʽ", "Refresh", "More" };
28. int[] menu_image_array2 = { R.drawable.menu_auto_landscape,
29. R.drawable.menu_penselectmodel, R.drawable.menu_page_attr,
30. R.drawable.menu_novel_mode, R.drawable.menu_page_updown,
31. R.drawable.menu_checkupdate, R.drawable.menu_checknet,
32. R.drawable.menu_refreshtimer, R.drawable.menu_syssettings,
33. R.drawable.menu_help, R.drawable.menu_about, R.drawable.menu_return };
34. String[] menu_name_array2 = { "Landscape", "SelectModelʽ", "Pageʽ",
35. "Modeʽ", "Updown", "Update", "CheckNet", "Refreshtimer", "Setting",
36. "Help", "About", "Return" };
38. int[] menu_toolbar_image_array = { R.drawable.controlbar_homepage,
39. R.drawable.controlbar_backward_enable,
40. R.drawable.controlbar_forward_enable, R.drawable.controlbar_window,
41. R.drawable.controlbar_showtype_list };
42. String[] menu_toolbar_name_array = { "Home", "Back", "Forward", "Window",
43. "List" };
45. @Override
46. public void onCreate(Bundle savedInstanceState) {
47. super.onCreate(savedInstanceState);
48. setContentView(R.layout.main);
49. menuView = View.inflate(this, R.layout.gridview_menu, null);
50. menuDialog = new AlertDialog.Builder(this).create();
51. menuDialog.setView(menuView);
52. menuDialog.setOnKeyListener(new OnKeyListener() {
53. public boolean onKey(DialogInterface dialog, int keyCode,
54. KeyEvent event) {
55. if (keyCode == KeyEvent.KEYCODE_MENU)// �����
56. dialog.dismiss();
57. return false;
58. }
59. });
61. menuGrid = (GridView) menuView.findViewById(R.id.gridview);
62. menuGrid.setAdapter(getMenuAdapter(menu_name_array, menu_image_array));
63. menuGrid.setOnItemClickListener(new OnItemClickListener() {
64. public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
65. long arg3) {
66. switch (arg2) {
67. case ITEM_SEARCH:
69. break;
70. case ITEM_FILE_MANAGER:
72. break;
73. case ITEM_DOWN_MANAGER:
75. break;
76. case ITEM_FULLSCREEN:// ȫ��
78. break;
79. case ITEM_MORE:
80. if (isMore) {
81. menuGrid.setAdapter(getMenuAdapter(menu_name_array2,
82. menu_image_array2));
83. isMore = false;
84. } else {
85. menuGrid.setAdapter(getMenuAdapter(menu_name_array,
86. menu_image_array));
87. isMore = true;
88. }
89. menuGrid.invalidate();
90. menuGrid.setSelection(ITEM_MORE);
91. break;
92. }
94. }
95. });
97. toolbarGrid = (GridView) findViewById(R.id.GridView_toolbar);
98. toolbarGrid.setBackgroundResource(R.drawable.channelgallery_bg);
99. toolbarGrid.setNumColumns(5);
100. toolbarGrid.setGravity(Gravity.CENTER);
101. toolbarGrid.setVerticalSpacing(10);
102. toolbarGrid.setHorizontalSpacing(10);
103. toolbarGrid.setAdapter(getMenuAdapter(menu_toolbar_name_array,
104. menu_toolbar_image_array));
105. toolbarGrid.setOnItemClickListener(new OnItemClickListener() {
106. public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
107. long arg3) {
108. Toast.makeText(UcwebDemoActivity.this,
109. menu_toolbar_name_array[arg2], Toast.LENGTH_SHORT)
110. .show();
111. switch (arg2) {
112. case TOOLBAR_ITEM_PAGEHOME:
113. break;
114. case TOOLBAR_ITEM_BACK:
116. break;
117. case TOOLBAR_ITEM_FORWARD:
119. break;
120. case TOOLBAR_ITEM_NEW:
122. break;
123. case TOOLBAR_ITEM_MENU:
124. menuDialog.show();
125. break;
126. }
127. }
128. });
130. listView = (ListView) findViewById(R.id.ListView_catalog);
131. listView.setAdapter(getMenuAdapter(menu_name_array2, menu_image_array2));
133. }
135. @Override
136. public boolean onCreateOptionsMenu(Menu menu) {
137. menu.add("menu");
138. return super.onCreateOptionsMenu(menu);
139. }
141. @Override
142. public boolean onMenuOpened(int featureId, Menu menu) {
143. if (menuDialog == null) {
144. menuDialog = new AlertDialog.Builder(this).setView(menuView).show();
145. } else {
146. menuDialog.show();
147. }
148. return false;
149. }
151. private SimpleAdapter getMenuAdapter(String[] menuNameArray,
152. int[] imageResourceArray) {
153. ArrayList<HashMap<String, Object>> data = new ArrayList<HashMap<String, Object>>();
154. for (int i = 0; i < menuNameArray.length; i++) {
155. HashMap<String, Object> map = new HashMap<String, Object>();
156. map.put("itemImage", imageResourceArray[i]);
157. map.put("itemText", menuNameArray[i]);
158. data.add(map);
159. }
160. SimpleAdapter simperAdapter = new SimpleAdapter(this, data,
161. R.layout.item_menu, new String[] { "itemImage", "itemText" },
162. new int[] { R.id.item_image, R.id.item_text });
163. return simperAdapter;
164. }
165. }