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;   
  12.   
  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" };   
  37.   
  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" };   
  44.   
  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.         });   
  60.   
  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:   
  68.   
  69.                     break;   
  70.                 case ITEM_FILE_MANAGER:   
  71.   
  72.                     break;   
  73.                 case ITEM_DOWN_MANAGER:   
  74.   
  75.                     break;   
  76.                 case ITEM_FULLSCREEN:// ȫ��   
  77.   
  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.                 }   
  93.   
  94.             }   
  95.         });   
  96.   
  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:   
  115.   
  116.                     break;   
  117.                 case TOOLBAR_ITEM_FORWARD:   
  118.   
  119.                     break;   
  120.                 case TOOLBAR_ITEM_NEW:   
  121.   
  122.                     break;   
  123.                 case TOOLBAR_ITEM_MENU:   
  124.                     menuDialog.show();   
  125.                     break;   
  126.                 }   
  127.             }   
  128.         });   
  129.   
  130.         listView = (ListView) findViewById(R.id.ListView_catalog);   
  131.         listView.setAdapter(getMenuAdapter(menu_name_array2, menu_image_array2));   
  132.   
  133.     }   
  134.   
  135.     @Override  
  136.     public boolean onCreateOptionsMenu(Menu menu) {   
  137.         menu.add("menu");   
  138.         return super.onCreateOptionsMenu(menu);   
  139.     }   
  140.   
  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.     }   
  150.   
  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. }  
  • 1
  • 2
  • 下一页

相关内容