源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Android之用PopupWindow实现弹出菜单的方法详解

  • 时间:2022-03-20 06:25 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Android之用PopupWindow实现弹出菜单的方法详解
在使用UC-WebBrowser时,你会发现它的弹出菜单跟系统自带的菜单不一样。它实现更多菜单选项的显示和分栏。其实,它的本身是PopupWindow或者是AlertDialog对话框,在里面添加两个GridView控件,一个是菜单标题栏,一个是菜单选项。菜单选项视图的切换可以通过适配器的变换,轻松地实现。 [b][url=http://xiazai.jb51.net/201306/yuanma/MyMenu_jb51net.rar]点击下载该实例: [/url][/b][b]一、运行截图: [/b] [b] [img]http://files.jb51.net/file_images/article/201306/2013061517450429.gif[/img]    [img]http://files.jb51.net/file_images/article/201306/2013061517450430.gif[/img] [/b]   [b] [img]http://files.jb51.net/file_images/article/201306/2013061517450431.gif[/img]     [img]http://files.jb51.net/file_images/article/201306/2013061517450432.gif[/img] [/b][b]二、实现要点: [/b](1)屏蔽系统弹出的菜单: [b]1、首先创建至少一个系统的菜单选项 [/b]
[u]复制代码[/u] 代码如下:
@Override  public boolean onCreateOptionsMenu(Menu menu) {   menu.add("menu");   return super.onCreateOptionsMenu(menu);  }
[b]2、在onMenuOpened方法里显示自己的菜单视图,并返回FALSE。 [/b]
[u]复制代码[/u] 代码如下:
@Override  public boolean onMenuOpened(int featureId, Menu menu) {   myMenu.showAtLocation(findViewById(R.id.layout), Gravity.BOTTOM, 0,0);   return false; // true--显示系统自带菜单;false--不显示。  }
(2)点击菜单栏,切换菜单视图时,只要重新设置当前的适配器对象就可以。
[u]复制代码[/u] 代码如下:
gv_body.setAdapter(bodyAdapter[arg2]); //改变选项视图
(3)继承PopupWindow,重写一个类实现弹出对话框,主要是为了更好更简便实现弹出菜单的样式和事件响应等等。
[u]复制代码[/u] 代码如下:
public class MyDefinedMenu extends PopupWindow { 。。。}
[b]三、 具体代码如下: [/b](1)布局:
[u]复制代码[/u] 代码如下:
<?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)程序代码 [b]1、主类:MyMenu [/b]
[u]复制代码[/u] 代码如下:
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(); //菜单消失   }  }  }
[b]2、弹出菜单类:MyDefinedMenu、 [/b]
[u]复制代码[/u] 代码如下:
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;  } }
[b] 3、菜单栏适配器:TitleAdatper [/b]
[u]复制代码[/u] 代码如下:
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() {   // TODO Auto-generated method stub   return titles.size();  }  @Override  public Object getItem(int position) {   // TODO Auto-generated method stub   return position;  }  @Override  public long getItemId(int position) {   // TODO Auto-generated method stub   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];  } }
[b] 4、菜单项视图适配器:BodyAdatper [/b]
[u]复制代码[/u] 代码如下:
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() {   // TODO Auto-generated method stub   return item_images.size();  }  @Override  public Object getItem(int position) {   // TODO Auto-generated method stub   return position;  }  @Override  public long getItemId(int position) {   // TODO Auto-generated method stub   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;  } }
这里是用PopupWindow实现,当然也可以用AlertDialog或者其他自定义对话框等等,也可以改写Menu,还可以用Tab实现。实现的方法很多,但原理是相同的,例如用两个GridView,一个作为菜单栏,一个作为菜单项视图。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部