閱讀775 返回首頁    go 技術社區[雲棲]

教你如何創建類似QQ的android彈出菜單

大家可能看到android的自帶的係統菜單比較難看,如圖:
圖片1.png
很多應用都自己定義了係統菜單,
QQ遊覽器
圖片2.png
手機QQ
圖片3.png
我今天做的就是類似手機QQ的菜單,效果圖如下:
圖片4.png
這是我用PopupWindow重寫一個菜單 ,popupwindow實現彈出菜單功能非常實用，在有布局中經常出現，給用戶體驗非常不錯 ，主要是控製菜單的顯示和消失(動畫控製)，另外對文字和圖片(大小最好都一樣，否則最後效果有點難看)分別做了適配，其中對文字的長度進行了處理。
下麵不用多說,進行代碼.需要提一下的是,屏蔽一下係統菜單,需要下麵兩步1. 需要創建至少一個係統菜單選項
圖片5.png
2. 在onMenuOpened方法裏顯示自己的菜單視圖，並返回FALSE圖片6.png 整體代碼:MenuLikeQQActivity.java
  1. package cn.mxgsa.menu;

  3. import java.util.List;
  4. import android.app.Activity;
  5. import android.os.Bundle;
  6. import android.view.Gravity;
  7. import android.view.KeyEvent;
  8. import android.view.Menu;
  9. import android.view.View;
  10. import android.view.ViewGroup.LayoutParams;
  11. import android.widget.AdapterView;
  12. import android.widget.AdapterView.OnItemClickListener;
  13. import android.widget.GridView;
  14. import android.widget.PopupWindow;
  15. import android.widget.Toast;

  17. public class MenuLikeQQActivity extends Activity {
  18.         
  19.         /**
  20.          * 定義popupwindow
  21.          */        
  22.         private PopupWindow popup;
  23.         /**
  24.          * 定義適配器
  25.          */
  26.         private MenuAdapter menuAdapter;
  27.         //菜單項列表
  28.         private List<MenuInfo> menulists;
  29.         //定義gridview
  30.         private GridView menuGridView;
  31.         
  32.         
  33.     /** Called when the activity is first created. */
  34.     @Override
  35.     public void onCreate(Bundle savedInstanceState) {
  36.         super.onCreate(savedInstanceState);
  37.         setContentView(R.layout.main);
  38.         initPopuWindows();
  39.     }
  40.     
  41.         @Override
  42.         public boolean onCreateOptionsMenu(Menu menu) {
  43.                 // TODO Auto-generated method stub
  44.                 return true;
  45.         }
  46.     
  47.         /**
  48.          * 設置PopupWindows
  49.          */
  50.     private void initPopuWindows() {
  51.             //初始化gridview
  52.                 menuGridView=(GridView)View.inflate(this, R.layout.gridview_menu, null);
  53.                 //初始化PopupWindow,LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT控製顯示
  54.                 popup = new PopupWindow(menuGridView, LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT);
  55.                 // 設置menu菜單背景
  56.                 popup.setBackgroundDrawable(getResources().getDrawable(R.drawable.menu_background));
  57.                 // menu菜單獲得焦點 如果沒有獲得焦點menu菜單中的控件事件無法響應
  58.                 popup.setFocusable(true);
  59.                 //設置顯示和隱藏的動畫
  60.                 popup.setAnimationStyle(R.style.menushow);
  61.                 popup.update();
  62.                 //設置觸摸獲取焦點
  63.                 menuGridView.setFocusableInTouchMode(true);
  64.                 //設置鍵盤事件,如果按下菜單鍵則隱藏菜單
  65.                 menuGridView.setOnKeyListener(new android.view.View.OnKeyListener() {
  66.                         public boolean onKey(View v, int keyCode, KeyEvent event) {
  67.                                 // TODO Auto-generated method stub
  68.                                 if ((keyCode == KeyEvent.KEYCODE_MENU) && (popup.isShowing())) {
  69.                                         popup.dismiss();  
  70.                                         return true;
  71.                                         
  72.                                 }
  73.                                 return false;
  74.                         }

  76.                 });
  77.                 //添加菜單按鈕事件
  78.                 menuGridView.setOnItemClickListener(new OnItemClickListener() {
  79.                         public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
  80.                                 // TODO Auto-generated method stub
  81.                                 MenuInfo mInfo = menulists.get(arg2);
  82.                                 popup.dismiss();
  83.                                 if (mInfo.ishide) {
  84.                                         return;
  85.                                 }
  86.                                 switch (mInfo.menuId) {
  87.                                 case MenuUtils.MENU_ADD_FRIEND:
  88.                                         Toast.makeText(MenuLikeQQActivity.this, "添加好友", 1).show();
  89.                                         break;
  90.                                 case MenuUtils.MENU_ADD_GROUP:
  91.                                         Toast.makeText(MenuLikeQQActivity.this, "添加分組", 1).show();
  92.                                         break;
  93.                                 case MenuUtils.MENU_EXIT:
  94.                                         Toast.makeText(MenuLikeQQActivity.this, "退出應用", 1).show();
  95.                                         break;
  96.                                 case MenuUtils.MENU_GROUP_ACCURATE:

  98.                                         break;
  99.                                 case MenuUtils.MENU_GROUP_CATEGORY:

  101.                                         break;
  102.                                 case MenuUtils.MENU_HELP:
  103.                                         Toast.makeText(MenuLikeQQActivity.this, "檢查更新", 1).show();

  105.                                         break;
  106.                                 case MenuUtils.MENU_LOGOUT:
  107.                                         Toast.makeText(MenuLikeQQActivity.this, "切換用戶", 1).show();
  108.                                         break;
  109.                                 case MenuUtils.MENU_SERCH_FRIEND:
  110.                                         Toast.makeText(MenuLikeQQActivity.this, "搜索好友", 1).show();
  111.                                         break;
  112.                                 case MenuUtils.MENU_SETTING:
  113.                                         Toast.makeText(MenuLikeQQActivity.this, "設置", 1).show();
  114.                                         break;
  115.                                 }
  116.                         }
  117.                 });
  118.         }
  119.     
  120.     @Override
  121.         public boolean onMenuOpened(int featureId, Menu menu) {
  122.                 // TODO Auto-generated method stub
  123.                 if (popup != null) {
  124.                         menulists = MenuUtils.getMenuList();
  125.                         menuAdapter = new MenuAdapter(this, menulists);
  126.                         menuGridView.setAdapter(menuAdapter);
  127.                         popup.showAtLocation(this.findViewById(R.id.linearlayout), Gravity.BOTTOM, 0, 0);
  128.                 }
  129.                 return false;// 返回為true 則顯示係統menu
  130.         }

  132.         @Override
  133.         public boolean onPrepareOptionsMenu(Menu menu) {
  134.                 // TODO Auto-generated method stub
  135.                 menu.add("menu");
  136.                 return super.onPrepareOptionsMenu(menu);
  137.         }
  138. }
複製代碼

講述的很簡單,需要對大家有幫助下麵附應用的源碼  MenuLikeQQ.rar (149.85 KB, 下載次數: 2566) 

最後更新：2017-04-02 16:48:08

  上一篇：go javascript中未初始化的變量和未定義的變量的區別
  下一篇：go android自定義menu，PopUpWindow彈出菜單