微信中MMAlert(半透明底部弹出菜单)的使用介绍

如果大家时常用过微信或者用过iphone,就会发现有种从底部弹出的半透明菜单,这种菜单风格优美并且用户体验良好,先看一下效果。

微信中MMAlert(半透明底部弹出菜单)的使用介绍_第1张图片

MMAlert来自微信开放平台的sdk示例,其示例的代码有点乱,我做了删减和整理,只保留了MMAlert这个类的一部分功能,即只保留了实现上述效果的那个函数,因为其他函数比较简单,就是普通的AlertDialog,我觉得大家都懂,所以直接删掉了。

代码介绍

1 .  下面这段代码其实蛮好理解的,本质就是new一个对话框,然后将其放置在底部,为其设置theme和style,theme和style写的蛮好理解的,具体大家可以看源码。数据呈现用的是Listview,为此我们需要new一个BaseAdapter对象来管理数据,BaseAdapter没什么特殊之处,很好理解,具体请看代码。

[java]  view plain copy
  1. /** 
  2.  * @param context 
  3.  *            Context. 
  4.  * @param title 
  5.  *            The title of this AlertDialog can be null . 
  6.  * @param items 
  7.  *            button name list. 
  8.  * @param alertDo 
  9.  *            methods call Id:Button + cancel_Button. 
  10.  * @param exit 
  11.  *            Name can be null.It will be Red Color 
  12.  * @return A AlertDialog 
  13.  */  
  14. public static Dialog showAlert(final Context context, final String title, final String[] items, String exit,   
  15.         final OnAlertSelectId alertDo, OnCancelListener cancelListener)  
  16. {  
  17.     String cancel = context.getString(R.string.app_cancel);  
  18.     final Dialog dlg = new Dialog(context, R.style.MMTheme_DataSheet);  
  19.     LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
  20.     LinearLayout layout = (LinearLayout) inflater.inflate(R.layout.alert_dialog_menu_layout, null);  
  21.     final int cFullFillWidth = 10000;  
  22.     layout.setMinimumWidth(cFullFillWidth);  
  23.     final ListView list = (ListView) layout.findViewById(R.id.content_list);  
  24.     AlertAdapter adapter = new AlertAdapter(context, title, items, exit, cancel);  
  25.     list.setAdapter(adapter);  
  26.     list.setDividerHeight(0);  
  27.   
  28.     list.setOnItemClickListener(new OnItemClickListener(){  
  29.         @Override  
  30.         public void onItemClick(AdapterView<?> parent, View view, int position, long id)  
  31.         {  
  32.             if (!(title == null || title.equals("")) && position - 1 >= 0)  
  33.             {  
  34.                 alertDo.onClick(position - 1);  
  35.                 dlg.dismiss();  
  36.                 list.requestFocus();  
  37.             }  
  38.             else  
  39.             {  
  40.                 alertDo.onClick(position);  
  41.                 dlg.dismiss();  
  42.                 list.requestFocus();  
  43.             }  
  44.   
  45.         }  
  46.     });  
  47.     // set a large value put it in bottom  
  48.     Window w = dlg.getWindow();  
  49.     WindowManager.LayoutParams lp = w.getAttributes();  
  50.     lp.x = 0;  
  51.     final int cMakeBottom = -1000;  
  52.     lp.y = cMakeBottom;  
  53.     lp.gravity = Gravity.BOTTOM;  
  54.     dlg.onWindowAttributesChanged(lp);  
  55.     dlg.setCanceledOnTouchOutside(true);  
  56.     if (cancelListener != null)  
  57.         dlg.setOnCancelListener(cancelListener);  
  58.   
  59.     dlg.setContentView(layout);  
  60.     dlg.show();  
  61.   
  62.     return dlg;  
  63. }  


2.  如何使用MMAlert?很简单!

[java]  view plain copy
  1. findViewById(R.id.send_img).setOnClickListener(new View.OnClickListener() {  
  2.   
  3.     @Override  
  4.     public void onClick(View v) {  
  5.         MMAlert.showAlert(SendToWXActivity.this, getString(R.string.send_img),   
  6.                 SendToWXActivity.this.getResources().getStringArray(R.array.send_img_item),  
  7.                 nullnew MMAlert.OnAlertSelectId(){  
  8.   
  9.             @Override  
  10.             public void onClick(int whichButton) {                        
  11.                 switch(whichButton){  
  12.                 case MMAlertSelect1: {  
  13.   
  14.                     break;  
  15.                 }  
  16.                 case MMAlertSelect2: {  
  17.   
  18.                     break;  
  19.                 }  
  20.                 case MMAlertSelect3: {  
  21.   
  22.                     break;  
  23.                 }  
  24.                 default:  
  25.                     break;  
  26.                 }  
  27.             }  
  28.               
  29.         });  
  30.     }  
  31. });  


代码下载

http://download.csdn.net/detail/singwhatiwanna/5338394

或者http://www.kuaipan.cn/file/id_105515054266321788.htm

你可能感兴趣的:(微信中MMAlert(半透明底部弹出菜单)的使用介绍)