Android之用PopupWindow实现弹出菜单

最新推荐文章于 2019-07-07 21:47:24 发布

HabbyGe

最新推荐文章于 2019-07-07 21:47:24 发布

阅读量1.1k

点赞数

分类专栏： Android

Android 专栏收录该内容

263 篇文章

订阅专栏

本文介绍如何使用PopupWindow实现自定义弹出菜单，包括菜单栏和菜单选项的切换功能。通过示例代码展示了如何屏蔽系统默认菜单并创建具有多个选项栏的自定义菜单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用UC-WebBrowser时，你会发现它的弹出菜单跟系统自带的菜单不一样。它实现更多菜单选项的显示和分栏。其实，它的本身是PopupWindow或者是AlertDialog对话框，在里面添加两个GridView控件，一个是菜单标题栏，一个是菜单选项。菜单选项视图的切换可以通过适配器的变换，轻松地实现。该实例下载路径：http://download.youkuaiyun.com/source/3275759

一、运行截图：

二、实现要点：

（1）屏蔽系统弹出的菜单：

1、首先创建至少一个系统的菜单选项

[java]view plaincopy 
   
 @Override  
 public boolean onCreateOptionsMenu(Menu menu) {
     menu.add("menu");  
     return super.onCreateOptionsMenu(menu);  
 }  

2、在onMenuOpened方法里显示自己的菜单视图，并返回FALSE。

[java]view plaincopy 
   
 @Override  
 public boolean onMenuOpened(int featureId, Menu menu) {  
     myMenu.showAtLocation(findViewById(R.id.layout), Gravity.BOTTOM, 0,0);      
     return false;   // true--显示系统自带菜单；false--不显示。  
 }

（2）点击菜单栏，切换菜单视图时，只要重新设置当前的适配器对象就可以。

[java]view plaincopy 
   
 gv_body.setAdapter(bodyAdapter[arg2]);  //改变选项视图  

（3）继承PopupWindow，重写一个类实现弹出对话框，主要是为了更好更简便实现弹出菜单的样式和事件响应等等。

[java]view plaincopy 
   
 public class MyDefinedMenu extends PopupWindow { 。。。}  

三、具体代码如下：

（1）布局：

[xhtml]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
     android:id="@+id/layout"  
     android:orientation="vertical"  
     android:layout_width="fill_parent"  
     android:layout_height="fill_parent" >  
 </LinearLayout>  

（2）程序代码

1、主类：MyMenu

[java]view plaincopy 
   
 package com.myandroid.test;  
   
 import java.util.ArrayList;  
 import java.util.List;  
   
 import android.app.Activity;  
 import android.os.Bundle;  
 import android.view.Gravity;  
 import android.view.Menu;  
 import android.view.View;  
 import android.widget.AdapterView;  
 import android.widget.AdapterView.OnItemClickListener;  
 import android.widget.Toast;  
   
 public class MyMenu extends Activity {  
     private List<String> titles;  //标题栏  
     private List<List<String>> item_names;  //选项名称  
     private List<List<Integer>> item_images;    //选项图标  
     private MyDefinedMenu myMenu;   //弹出菜单  
       
       
     /** Called when the activity is first created. */  
     @Override  
     public void onCreate(Bundle savedInstanceState) {  
         super.onCreate(savedInstanceState);  
         setContentView(R.layout.main);  
           
         //弹出菜单标题栏  
         titles = addItems(new String[]{"菜单一", "菜单二", "菜单三"});  
         //选项图标  
         item_images = new ArrayList<List<Integer>>();  
         item_images.add(addItems(new Integer[]{R.drawable.bag,  
             R.drawable.bluetooth, R.drawable.earth, R.drawable.email}));  
         item_images.add(addItems(new Integer[]{R.drawable.map,  
                 R.drawable.news, R.drawable.reader, R.drawable.sound, R.drawable.tape}));  
         item_images.add( addItems(new Integer[]{R.drawable.telephone,  
                 R.drawable.bluetooth, R.drawable.earth, R.drawable.email}));  
         //选项名称  
         item_names = new ArrayList<List<String>>();  
         item_names.add(addItems(new String[]{"购物", "蓝牙", "游览器", "邮件"}));  
         item_names.add(addItems(new String[]{"地图", "新闻", "阅读器", "音箱", "录音"}));  
         item_names.add(addItems(new String[]{"电话", "蓝牙", "阅读器", "邮箱"}));  
         //创建弹出菜单对象  
         myMenu = new MyDefinedMenu(this, titles, item_names,   
                 item_images, new ItemClickEvent());  
           
     }  
       
     /** 
      * 转换为List<String> 
      * @param values 
      * @return 
      */  
     private List<String> addItems(String[] values) {
         List<String> list = new ArrayList<String>();  
         for (String var : values) {  
             list.add(var);  
         }  
           
         return list;  
     }  
       
     /** 
      * 转换为List<Integer> 
      * @param values 
      * @return 
      */  
     private List<Integer> addItems(Integer[] values) {
         List<Integer> list = new ArrayList<Integer>();  
         for (Integer var : values) {  
             list.add(var);  
         }  
           
         return list;  
     }  
       
     @Override  
     public boolean onCreateOptionsMenu(Menu menu) {
         menu.add("menu");  
         return super.onCreateOptionsMenu(menu);  
     }  
   
     @Override  
     public boolean onMenuOpened(int featureId, Menu menu) {
         myMenu.showAtLocation(findViewById(R.id.layout), Gravity.BOTTOM, 0,0);  
         return false;   // true--显示系统自带菜单；false--不显示。  
     }
     
     /** 
      * 菜单选项点击事件 
      * @author Kobi 
      * 
      */  
     class ItemClickEvent implements OnItemClickListener {
         @Override  
         public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,  
                 long arg3) {  
             //显示点击的是哪个菜单哪个选项。  
             Toast.makeText(MyMenu.this, "Menu: " +   
                     titles.get(myMenu.getTitleIndex()) +   
                     " Item: " + item_names.get(myMenu.getTitleIndex()).get(arg2),  
                     Toast.LENGTH_SHORT).show();  
             myMenu.dismiss();   //菜单消失  
         }
     }
 }

2、弹出菜单类：MyDefinedMenu、

[java]view plaincopy 
   
 package com.myandroid.test;  
   
 import java.util.List;  
   
 import com.myandroid.test.MyMenu.ItemClickEvent;  
 import android.content.Context;  
 import android.graphics.Color;  
 import android.util.Log;  
 import android.view.View;  
 import android.view.ViewGroup.LayoutParams;  
 import android.widget.AdapterView;  
 import android.widget.AdapterView.OnItemClickListener;  
 import android.widget.GridView;  
 import android.widget.LinearLayout;  
 import android.widget.PopupWindow;  
 
 
 public class MyDefinedMenu extends PopupWindow {
     private LinearLayout layout;        //总的布局  
     private GridView gv_title;          //菜单栏  
     private GridView gv_body;           //选项视图  
     private BodyAdatper[] bodyAdapter;  //选项适配器  
     private TitleAdatper titleAdapter;  //标题适配器  
     private Context context;            //上下文  
     private int titleIndex;             //菜单序号  
     
     public MyDefinedMenu(Context context, List<String> titles,   
             List<List<String>> item_names, List<List<Integer>> item_images,  
             ItemClickEvent itemClickEvent) {  
         
         super(context);  
         this.context = context;  
           
         //布局框架  
         layout = new LinearLayout(context);       
         layout.setOrientation(LinearLayout.VERTICAL);  
         layout.setLayoutParams(new LayoutParams(  
                 LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));  
           
         //菜单栏  
         titleIndex = 0;  
         gv_title = new GridView(context);  
         titleAdapter = new TitleAdatper(context, titles);  
         gv_title.setAdapter(titleAdapter);  
         gv_title.setLayoutParams(new LayoutParams(  
                 LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));  
         gv_title.setNumColumns(titles.size());  //菜单个数  
         gv_title.setBackgroundColor(Color.WHITE);  
           
         //选项视图  
         bodyAdapter = new BodyAdatper[item_names.size()];   //各个视图适配器  
         for (int i = 0; i < item_names.size(); i++) {  
             bodyAdapter[i] = new BodyAdatper(context, item_names.get(i), item_images.get(i));
         }  
         gv_body = new GridView(context);  
         gv_body.setNumColumns(4);   //每行显示4个选项  
         gv_body.setBackgroundColor(Color.TRANSPARENT);  
         gv_body.setAdapter(bodyAdapter[0]); //设置适配器  
           
         //菜单项切换  
         gv_title.setOnItemClickListener(new OnItemClickListener() {
             @Override  
             public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,  
                     long arg3) {
                 titleIndex = arg2;  //记录当前选中菜单项序号  
                 titleAdapter.setFocus(arg2);  
                 gv_body.setAdapter(bodyAdapter[arg2]);  //改变选项视图
             }  
         });  
           
         //设置选项点击事件  
         gv_body.setOnItemClickListener(itemClickEvent);  
           
         //添加标题栏和选项  
         layout.addView(gv_title);  
         layout.addView(gv_body);  
           
         // 添加菜单视图  
         this.setContentView(layout);  
         this.setWidth(LayoutParams.FILL_PARENT);  
         this.setHeight(LayoutParams.WRAP_CONTENT);  
         this.setFocusable(true);// menu菜单获得焦点 如果没有获得焦点menu菜单中的控件事件无法响应
     }  
       
     /** 
      * 获取当前选中菜单项 
      * @return  菜单项序号 
      */  
     public int getTitleIndex() {
         return titleIndex;  
     }
 }  

3、菜单栏适配器：TitleAdatper

[java]view plaincopy 
   
 package com.myandroid.test;  
   
 import java.util.List;  
   
 import android.content.Context;  
 import android.graphics.Color;  
 import android.view.Gravity;  
 import android.view.View;  
 import android.view.ViewGroup;  
 import android.view.ViewGroup.LayoutParams;  
 import android.widget.BaseAdapter;  
 import android.widget.GridView;  
 import android.widget.TextView;  
   
 public class TitleAdatper extends BaseAdapter {  
     private List<String> titles;  
     private Context context;  
     private final TextView[] tv_titels;  
     
     public TitleAdatper(Context context, List<String> titles) {  
         this.context = context;  
         this.titles = titles;  
         tv_titels = new TextView[titles.size()];  
     }  
   
     @Override  
     public int getCount() {
         return titles.size();  
     }  
   
     @Override  
     public Object getItem(int position) {
         return position;  
     }  
   
     @Override  
     public long getItemId(int position) {
         return position;  
     }  
       
     /** 
      * 选中后，改变菜单颜色。 
      * @param position 
      */  
     public void setFocus(int position) {
         for (int i = 0; i < titles.size(); i++) {
             tv_titels[i].setBackgroundColor(Color.WHITE);  
         }
         tv_titels[position].setBackgroundColor(Color.BLUE);
     }  
   
     @Override  
     public View getView(int position, View convertView, ViewGroup parent) {  
         //菜单栏文字项  
         tv_titels[position] = new TextView(context);  
         tv_titels[position].setGravity(Gravity.CENTER);  
         tv_titels[position].setText(titles.get(position));  
         tv_titels[position].setTextSize(18);  
         tv_titels[position].setLayoutParams(new GridView.LayoutParams(  
                 LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));  
           
         return tv_titels[position];  
     }
 }  

4、菜单项视图适配器：BodyAdatper

[java]view plaincopy 
   
 package com.myandroid.test;  
   
 import java.util.List;  
   
 import android.content.Context;  
 import android.view.Gravity;  
 import android.view.View;  
 import android.view.ViewGroup;  
 import android.view.ViewGroup.LayoutParams;  
 import android.widget.BaseAdapter;  
 import android.widget.GridView;  
 import android.widget.ImageView;  
 import android.widget.LinearLayout;  
 import android.widget.TextView;  
   
 public class BodyAdatper extends BaseAdapter {  
     private List<String> item_names;  
     private List<Integer> item_images;  
     private Context context;
       
     public BodyAdatper(Context context, List<String> item_names,  
             List<Integer> item_images) {  
         this.context = context;  
         this.item_names = item_names;  
         this.item_images = item_images;  
     }  
   
     @Override  
     public int getCount() {
         return item_images.size();  
     }  
   
     @Override  
     public Object getItem(int position) {
         return position;  
     }  
   
     @Override  
     public long getItemId(int position) {
         return position;  
     }  
       
   
     @Override  
     public View getView(int position, View convertView, ViewGroup parent) {  
         //总布局  
         LinearLayout layout = new LinearLayout(context);  
         layout.setOrientation(LinearLayout.VERTICAL);  
         layout.setGravity(Gravity.CENTER);  
         //选项名称  
         TextView tv_item = new TextView(context);  
         tv_item.setGravity(Gravity.CENTER);  
         tv_item.setLayoutParams(new GridView.LayoutParams(  
                 LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));  
         tv_item.setText(item_names.get(position));  
         //选项图表  
         ImageView img_item = new ImageView(context);  
         img_item.setLayoutParams(new LayoutParams(50, 50));  
         img_item.setImageResource(item_images.get(position));  
         //添加选项图标和名字  
         layout.addView(img_item);  
         layout.addView(tv_item);  
         
         return layout;  
     }
 }  