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;
            }
        }