Android PopupWindow介绍及实现菜单效果

  

        转自：http://trinea.iteye.com/blog/1461095

 

        本文主要介绍PopupWindow的基本知识、利用PopupWindow实现类似网页上或者windows开始按钮的菜单效果以及如何解决PopupWindow和listView或GridView同时使用时焦点及页面响应问题

 

        因为PopupWindow能实现非模态对话框效果，所以建议大家使用，而不是用AlertDialog等模态对话框阻止用户的操作.

 

        1、PopupWindow介绍

        PopupWindow可以用来装载一些信息或是View，它可以悬浮在当前活动窗口上，并且不干扰用户对背后窗口的操作。

        1.1 PopupWindow创建方式，主要为

        a. 显示contentView 

        PopupWindow(View contentView)

 

        b. 显示contentView，固定的高度和宽度

        PopupWindow(View contentView, int width, int height)

        更多见PopupWindow

 

        1.2 PopupWindow显示方式，三种分别为

        a. 在anchor的左下角显示PopupWindow，偏移位置为xoff和yoff，即相当于以anchor的左下角定点为二维坐标系的原点，向右为正x，向下为正y

        void showAsDropDown(View anchor, int xoff, int yoff)

 

         b. 在anchor的左下角显示PopupWindow，偏移位置为0

         void showAsDropDown(View anchor)

 

        c. 在固定位置显示，parent为父view，gravity为显示的格式（如剧中），x和y为坐标点

void showAtLocation(View parent, int gravity, int x, int y)

 

        1.3 其他可能用到的

         焦点，设置PopupWindow是否可以获得焦点。

         输入法模式setInputMethodMode。有三种为允许输入法、不允许输入法、根据是否可以有焦点决定。

 

        2、利用PopupWindow实现菜单效果

        2.1 利用listView显示

// list的数据源
List<HashMap<String, String>> list = new ArrayList<HashMap<String, String>>();
HashMap<String, String> map1 = new HashMap<String, String>();
map1.put("menuName", "菜单1");
HashMap<String, String> map2 = new HashMap<String, String>();
map2.put("menuName", "菜单2");
HashMap<String, String> map3 = new HashMap<String, String>();
map3.put("menuName", "菜单3");
list.add(map1);
list.add(map2);
list.add(map3);
SimpleAdapter listAdapter = new SimpleAdapter(AccountManageActivity.this, list,
                                              R.layout.account_manage_long_click_row,
                                              new String[] {PopupWindowMenu.FIRST_COLUMN},
                                              new int[] {R.id.accountLongClickTextView});

View view = getLayoutInflater().inflate(R.layout.account_manage_list, null);
ListView listView = (ListView)view.findViewById(R.id.listView);
listView.setAdapter(listAdapter);

// PopupWindow定义，显示view，以及初始化长和宽
PopupWindow menu = new PopupWindow(view, 200, 60);
// 必须设置，否则获得焦点后页面上其他地方点击无响应
menu.setBackgroundDrawable(new BitmapDrawable());
// 设置焦点，必须设置，否则listView无法响应
menu.setFocusable(true);
// 设置点击其他地方 popupWindow消失
menu.setOutsideTouchable(true);
// 显示在某个位置
menu.showAsDropDown(anchor);

 其中R.layout.account_manage_list文件为

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <ListView
    android:id="@+id/listView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    </ListView>
</LinearLayout>

       其中R.layout.account_manage_long_click_row文件为

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_vertical|left">
    <TextView
        android:id="@+id/accountLongClickTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="left|center_vertical"
        android:layout_marginLeft="4dp"
        style="@style/DefaultFontStyle">
        </TextView>
</LinearLayout>

注意必须设置PopupWindow的setFocusable(true)，否则listView无法响应，

同时需要设置setBackgroundDrawable(new BitmapDrawable());否则setFocusable(true)后，点击页面其他地方便无法响应。

 

除了setBackgroundDrawable(new BitmapDrawable());还可以使用下面两种解决页面无法响应问题

a、处理响应

有点麻烦，有兴趣可以自己看看http://zhoudan241.iteye.com/blog/1147730

 

b、最笨的方法将listView中元素拿出来放到LinearLayout中，对于非listView都无需设置setFocusable(true)，从而解决问题，具体可以见http://blog.csdn.net/ihrthk/article/details/7338791

但这种方法对于动态变化的菜单需要配置多份layout文件

 

2.2 利用GridView实现方格菜单

对于很多应用像uc浏览器的菜单都有更多的选项和分级，实现道理同上面的listView，可以参考http://blog.csdn.net/kkfdsa132/article/details/6403404

同样可能碰到上面的响应问题

 

参考：

http://developer.android.com/reference/android/widget/PopupWindow.html

 

关于PopupWindow菜单更炫的效果可参考

http://blog.csdn.net/wanli_smile/article/details/6907433

 

更多对话框使用可参考

http://www.cnblogs.com/salam/archive/2010/11/15/1877512.html