Android开发技巧——使用PopupWindow实现弹出菜单

当android原生的弹出菜单已不能满足我们的需求时，自定义菜单就成了我们的唯一选择，在本文当中，我将与大家分享如何使用PopupWindow实现弹出菜单。

1.弹出菜单的封装PopMenu

import java.util.ArrayList;
import cn.com.ista.pdachina.R;
import android.content.Context;
import android.graphics.drawable.BitmapDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;

/**
 * 自定义弹出菜单
 * @author guopeng
 * @created 2015年11月27日
 */
public class PopMenu {

    private Context context;

    private ArrayList<Item> itemList;

    private PopupWindow popupWindow;

    private ListView listView;
 
    public static class Item {  
        public String text;  
        public int id;  
  
        public Item(String text, int id) {  
            this.text = text;  
            this.id = id;  
        }  
    }  
    
    @SuppressWarnings("deprecation")
    public PopMenu(Context context) {
        
        this.context = context;
        itemList = new ArrayList<Item>(4);
        View view = LayoutInflater.from(context).inflate(R.layout.popmenu, null);
        
        //设置 listview
        listView = (ListView)view.findViewById(R.id.popup_view_listView);
        listView.setAdapter(new PopAdapter());
        listView.setFocusableInTouchMode(true);
        listView.setFocusable(true);
        
        popupWindow = new PopupWindow(view, 100, LayoutParams.WRAP_CONTENT);
        popupWindow = new PopupWindow(view, 
                context.getResources().getDimensionPixelSize(R.dimen.popmenu_width), 
                LayoutParams.WRAP_CONTENT);
        
        // 这个是为了点击“返回Back”也能使其消失，并且并不会影响你的背景（很神奇的）
        popupWindow.setBackgroundDrawable(new BitmapDrawable());
    }

    //设置菜单项点击监听器
    public void setOnItemClickListener(OnItemClickListener listener) {
        listView.setOnItemClickListener(listener);
    }

    //批量添加菜单项
    public void addItems(Item[] items) {
        for (Item s : items)
            itemList.add(s);
    }

    //单个添加菜单项
    public void addItem(Item item) {
        itemList.add(item);
    }

    //下拉式 弹出 pop菜单 parent 右下角
    public void showAsDropDown(View parent) {
        popupWindow.showAsDropDown(parent, 10, 
                //保证尺寸是根据屏幕像素密度来的
                context.getResources().getDimensionPixelSize(R.dimen.popmenu_yoff));
        
        // 使其聚集
        popupWindow.setFocusable(true);
        // 设置允许在外点击消失
        popupWindow.setOutsideTouchable(true);
        //刷新状态
        popupWindow.update();
    }
    
    //隐藏菜单
    public void dismiss() {
        popupWindow.dismiss();
    }

    // 适配器
    private final class PopAdapter extends BaseAdapter {

        @Override
        public int getCount() {
            return itemList.size();
        }

        @Override
        public Object getItem(int position) {
            return itemList.get(position);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder holder;
            if (convertView == null) {
                convertView = LayoutInflater.from(context).inflate(R.layout.popmenu_item, null);
                holder = new ViewHolder();

                convertView.setTag(holder);

                holder.groupItem = (TextView) convertView.findViewById(R.id.pop_item_header);
                holder.groupImg = (ImageView) convertView.findViewById(R.id.pop_item_img);

            } else {
                holder = (ViewHolder) convertView.getTag();
            }

            holder.groupItem.setText(itemList.get(position).text);
            holder.groupImg.setBackgroundResource(itemList.get(position).id);
            return convertView;
        }

        private final class ViewHolder {
            ImageView groupImg;
            TextView groupItem;
        }
    }
}

弹出菜单布局popmenu.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/popup_view_cont"
    android:layout_width="@dimen/popmenu_width"
    android:layout_height="wrap_content"
    android:background="@drawable/popmenu_bg"
    android:orientation="vertical"
    android:paddingBottom="8.0dip"
    android:paddingLeft="8.0dip"
    android:paddingRight="8.0dip"
    android:paddingTop="16.0dip" >

    <ListView
        android:id="@+id/popup_view_listView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:focusableInTouchMode="true"
        android:focusable="true"
        android:divider="@android:color/transparent"
        android:listSelector="@android:color/transparent"
        android:cacheColorHint="@android:color/transparent"
        android:scrollbars="none" >
    </ListView>

</LinearLayout>

菜单项布局popmenu_item.xml

<?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="50dp"
    android:focusable="false"
    android:focusableInTouchMode="false"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/pop_item_img"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="10dp" />

    <TextView
        android:id="@+id/pop_item_header"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:background="@drawable/bg_pop_item"
        android:clickable="false"
        android:drawablePadding="3.0dip"
        android:gravity="center_vertical"
        android:padding="7.0dip"
        android:textColor="@color/white"
        android:layout_marginLeft="1dp"
        android:layout_weight="1"
        android:textSize="18.0sp" />

</LinearLayout>

2.PopMenu的使用

private PopMenu popMenu;

// 初始化弹出菜单
popMenu = new PopMenu(appContext);
popMenu.addItem(new Item("部分提交",R.drawable.popmeun_submit));
popMenu.addItem(new Item("结束安装",R.drawable.popmeun_terminate));
popMenu.addItem(new Item("从本地删除",R.drawable.popmeun_delete));
popMenu.addItem(new Item("返回首页",R.drawable.popmeun_home));

// 菜单项点击监听器
popMenu.setOnItemClickListener(popmenuItemClickListener);

// 弹出菜单监听器
    private OnItemClickListener popmenuItemClickListener = new OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
            switch (position) {
            case 0:
                //部分提交
                popMenu.dismiss();
                break;
            case 1:
                //结束安装
                popMenu.dismiss();
                break;
            case 2:
                //从本地删除
                popMenu.dismiss();
                break;
            case 3:
                //返回首页
                popMenu.dismiss();
                break;
            }
        }