自定义popWindow(高仿qq加号弹出框)

1） 弹出菜单的封装PopMenu

这里自定义的PopMenu类就是自定义的一个容器类，这个容器就是我们用来放置popWindow的相关的内容。

package tongchuang.com.test.app.utils.GZXPopWindowView;

/**
 * Created by Administrator on 2016/5/25 0025.
 */
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.view.KeyEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.PopupWindow;

import java.util.ArrayList;

public abstract class PopMenu {

    private Context mContext;
    private ArrayList<Item> mItemList;
    private ArrayAdapter<Item> mAdapter;
    private OnItemSelectedListener mListener;
    private ListView mListView;
    private PopupWindow mPopupWindow;

    public PopMenu(Context context) {
        mContext = context;
        mItemList = new ArrayList<Item>(2);
        View view = onCreateView(context);
        view.setFocusableInTouchMode(true);
        mAdapter = onCreateAdapter(context, mItemList);
        mListView = findListView(view);
        mListView.setAdapter(mAdapter);
        mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Item item = mAdapter.getItem(position);
                if (mListener != null) {
                    mListener.selected(view, item, position);
                }
                mPopupWindow.dismiss();
            }
        });
        view.setOnKeyListener(new View.OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                if (keyCode == KeyEvent.KEYCODE_MENU && mPopupWindow.isShowing()) {
                    mPopupWindow.dismiss();
                    return true;
                }
                return false;
            }
        });
        mPopupWindow = new PopupWindow(view, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, true);
        mPopupWindow.setBackgroundDrawable(new ColorDrawable(0x00000000));
    }

    protected abstract View onCreateView(Context context);

    protected abstract ListView findListView(View view);

    protected abstract ArrayAdapter<Item> onCreateAdapter(Context context, ArrayList<Item> itemList);

    public void addItem(String text, int id) {
        mItemList.add(new Item(text, id));
        mAdapter.notifyDataSetChanged();
    }

    public void addItem(int resId, int id) {
        addItem(mContext.getString(resId), id);
    }

    public void showAsDropDown(View parent) {
        mPopupWindow.showAsDropDown(parent);
    }

    public void dismiss() {
        mPopupWindow.dismiss();
    }

    public void setOnItemSelectedListener(OnItemSelectedListener listener) {
        mListener = listener;
    }

    public boolean isShowing() {
        return mPopupWindow.isShowing();
    }

    public static class Item {
        public String text;
        public int id;

        public Item(String text, int id) {
            this.text = text;
            this.id = id;
        }

        @Override
        public String toString() {
            return text;
        }
    }

    public static interface OnItemSelectedListener {

        public void selected(View view, Item item, int position);
    }
}

在这个类中主要实现的功能主要包含的是：一是返回并实现这个弹出菜单，也就是这里的view;二是对于popwindow中每一个item都是使用的是listView来进行呈现的，也就是使用适配的原理实现的；三是对于一些方法进行封装；四是在这个PopMenu类中存在着三个抽象方法，这3个抽象方法就是实现自定义PopMenu类。

2） 自定义MyPopMenu类

在需要产生popWindow的Activity类中，使用的就是MyPopWindow类，该类继承了PopMenu类，在MyPopWindow类中主要实现的就是重写PopMenu类中的3个抽象方法。

package tongchuang.com.test.app.utils.GZXPopWindowView;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ListView;

import java.util.ArrayList;

import tongchuang.com.test.R;

/**
 * Created by Administrator on 2016/5/25 0025.
 */
public class MyPopWindow extends PopMenu{
    public MyPopWindow(Context context) {
        super(context);
    }

    @Override
    protected ListView findListView(View view) {
        return (ListView) view.findViewById(R.id.menu_listview);
    }

    @Override
    protected View onCreateView(Context context) {
        View view = LayoutInflater.from(context).inflate(R.layout.popwindow_pop, null);
        return view;
    }

    @Override
    protected ArrayAdapter<Item> onCreateAdapter(Context context, ArrayList<Item> items) {
        return new ArrayAdapter<Item>(context, R.layout.popwindow_pop_item, items);
    }
}

在这个MyPopWindow类中，主要实现3个抽象方法，第一个抽象方法返回的就是自定义的ListView，使用的是protected ListView findListView(View view) 这个方法；第二个抽象方法，protected View onCreateView(Context context) ，就是返回的是当前存在着自定义的ListView的xml布局文件；第三个抽象方法，protected ArrayAdapter<Item> onCreateAdapter(Context context, ArrayList<Item> items) ，就是使用的是ListView的子item。

3） 自定义ListView类

package tongchuang.com.test.app.utils.GZXPopWindowView;
import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ListView;
/**
 * Created by Administrator on 2016/5/25 0025.
 */
public class PopShowListView extends ListView{

    public PopShowListView(Context context) {
        super(context);
    }

    public PopShowListView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public PopShowListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int width = 0;
        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            child.measure(MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED), heightMeasureSpec);
            int w = child.getMeasuredWidth();
            if (w > width) width = w;
        }

        widthMeasureSpec = MeasureSpec.makeMeasureSpec(width + getPaddingLeft() + getPaddingRight(), MeasureSpec.EXACTLY);

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

自定义完成ListView后，此时就可以在xml中进行使用了。

4） popWindow_pop.xml主布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:orientation="vertical"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/head"
        android:src="@drawable/toparrow"
        android:layout_gravity="right"
        android:layout_width="wrap_content"
        android:contentDescription="@null"
        android:layout_marginRight="18dp"
        android:layout_height="wrap_content"/>

    <tongchuang.com.test.app.utils.GZXPopWindowView.PopShowListView
        android:id="@+id/menu_listview"
        android:padding="6dp"
        android:focusable="true"
        android:background="#FFFFFF"
        android:layout_width="wrap_content"
        android:cacheColorHint="@android:color/transparent"
        android:layout_height="wrap_content"/>
</LinearLayout>

在这个布局文件中主要是存在两个控件，一个是ImageView，一个是自定义的ListView，第一个ImageView控件实现的是，如下图所示，当popWindow弹出后，此时有一个白色的三角是指向点击的弹出popwindow的控件，而下面的所显示的item就是通过自定义控件来完成的。

 

5） Popwindow_pop_item.Xml子item布局

<?xml version="1.0" encoding="utf-8"?>

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:textSize="16dp"
    android:gravity="center"
    android:layout_gravity="center"
    android:paddingLeft="20dp"
    android:paddingTop="6dp"
    android:singleLine="true"
    android:paddingBottom="6dp"
    android:paddingRight="20dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

 

6） 在Activity类中使用自定义的PopWindow

7） private static final int USER_SEARCH = 0;
private static final int USER_ADD = 1;
private MyPopWindow mMenu;

private void initMenu() {
    $.toast("点击了第0个",0);
    mMenu = new MyPopWindow(getBaseContext());
    mMenu.addItem("aaaa", USER_SEARCH);
    mMenu.addItem("bbbb", USER_ADD);
    mMenu.setOnItemSelectedListener(new PopMenu.OnItemSelectedListener() {
        @Override
        public void selected(View view, PopMenu.Item item, int position) {
            switch (item.id) {
                case USER_SEARCH:
                  $.toast("点击了第一个",0);
                    break;
                case USER_ADD:
                    $.toast("点击了第二个",0);
                    break;
            }
        }
    });

    mMenu.showAsDropDown(right_image);
}

这就是在Activity类中使用popwindow的方法，由于这里只是在popwindow中添加了2条数据所以这里的switch中只是存在着两个case，而且还要注意的是，当我们需要弹出popwindow的时候，此时必须加上mMenu.showAsDropDown(right_image);而且这个方法的定义是showAsDropDown(View parent);所以的是，这里的参数View实际上表示的就是我们需要点击的View，这也就是这里的popWindow的父级View。