24、微信-标题栏上的下拉菜单式弹窗TitlePopup

布局：

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

<ListView
android:id="@+id/title_list"
android:layout_width="150dp"
android:layout_height="fill_parent"
android:dividerHeight="1dp"
android:divider="#3E3E3E"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:scrollingCache="false" />

</LinearLayout>

其实就是一个ListView





这个主要是在点击微信右上角的+时弹出下拉列表窗口。

代码：

package com.example.wechat.dialog;

import android.content.Context;
import android.graphics.Rect;
import android.graphics.drawable.BitmapDrawable;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;

import com.example.wechat.R;
import com.example.wechat.common.ViewHolder;

import java.util.ArrayList;

/**
* Created by sing on 2016/2/15.
* 功能描述：标题按钮上的弹窗（继承自PopupWindow）
*/
public class TitlePopup extends PopupWindow {
private Context mContext;

// 列表弹窗的间隔
protected final int LIST_PADDING = 10;

// 实例化一个矩形
private Rect mRect = new Rect();

// 坐标的位置（x、y）
private final int[] mLocation = new int[2];

// 屏幕的宽度和高度
private int mScreenWidth, mScreenHeight;

// 判断是否需要添加或更新列表子类项
private boolean mIsDirty;

// 位置不在中心
private int popupGravity = Gravity.NO_GRAVITY;

// 弹窗子类项选中时的监听
private OnItemOnClickListener mItemOnClickListener;

// 定义列表对象
private ListView mListView;

// 定义弹窗子类项列表
private ArrayList<ActionItem> mActionItems = new ArrayList<ActionItem>();

public TitlePopup(Context context) {
// 设置布局的参数
this(context, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
}

public TitlePopup(Context context, int width, int height) {
this.mContext = context;

// 设置可以获得焦点
setFocusable(true);
// 设置弹窗内可点击
setTouchable(true);
// 设置弹窗外可点击
setOutsideTouchable(true);

// 获得屏幕的宽度和高度
WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
mScreenWidth = wm.getDefaultDisplay().getWidth();
mScreenHeight = wm.getDefaultDisplay().getHeight();

// 设置弹窗的宽度和高度
setWidth(width);
setHeight(height);

setBackgroundDrawable(new BitmapDrawable());

// 设置弹窗的布局界面
setContentView(LayoutInflater.from(mContext).inflate(R.layout.title_popup, null));
setAnimationStyle(R.style.AnimHead);
initUI();
}

/**
* 初始化弹窗列表
*/
private void initUI() {
mListView = (ListView) getContentView().findViewById(R.id.title_list);
mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int index, long arg3) {
// 点击子类项后，弹窗消失
dismiss();

if (mItemOnClickListener != null)
mItemOnClickListener.onItemClick(mActionItems.get(index), index);
}
});
}

/**
* 显示弹窗列表界面
*/
public void show(View view) {
// 获得点击屏幕的位置坐标
view.getLocationOnScreen(mLocation);

// 设置矩形的大小
mRect.set(mLocation[0], mLocation[1], mLocation[0] + view.getWidth(), mLocation[1] + view.getHeight());

// 判断是否需要添加或更新列表子类项
if (mIsDirty) {
populateActions();
}

// 显示弹窗的位置
showAtLocation(view, popupGravity, mScreenWidth - LIST_PADDING - (getWidth() / 2), mRect.bottom);
}

/**
* 设置弹窗列表子项
*/
private void populateActions() {
mIsDirty = false;

// 设置列表的适配器
mListView.setAdapter(new BaseAdapter() {
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null) {
convertView = LayoutInflater.from(mContext).inflate(R.layout.layout_item_pop, parent, false);
}
TextView textView = ViewHolder.get(convertView, R.id.txt_title);
textView.setTextColor(mContext.getResources().getColor(android.R.color.white));
textView.setTextSize(16);
// 设置文本居中
textView.setGravity(Gravity.CENTER_VERTICAL);
// // 设置文本域的范围
// textView.setPadding(0, 10, 0, 10);
// 设置文本在一行内显示（不换行）
textView.setSingleLine(true);

ActionItem item = mActionItems.get(position);

// 设置文本文字
textView.setText(item.mTitle);
if (item.mDrawable != null) {
// 设置文字与图标的间隔
textView.setCompoundDrawablePadding(10);
// 设置在文字的左边放一个图标
textView.setCompoundDrawablesWithIntrinsicBounds(item.mDrawable, null, null, null);
}
return convertView;
}

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

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

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

/**
* 添加子类项
*/
public void addAction(ActionItem action) {
if (action != null) {
mActionItems.add(action);
mIsDirty = true;
}
}

/**
* 清除子类项
*/
public void cleanAction() {
if (mActionItems.isEmpty()) {
mActionItems.clear();
mIsDirty = true;
}
}

/**
* 根据位置得到子类项
*/
public ActionItem getAction(int position) {
if (position < 0 || position > mActionItems.size())
return null;
return mActionItems.get(position);
}

/**
* 设置监听事件
*/
public void setItemOnClickListener(OnItemOnClickListener onItemOnClickListener) {
this.mItemOnClickListener = onItemOnClickListener;
}

/**
* @author yangyu 功能描述：弹窗子类项按钮监听事件
*/
public static interface OnItemOnClickListener {
public void onItemClick(ActionItem item, int position);
}
}

这里列表项设计为可动态改变的数组mActionItems，通过调用addAction来添加列表项的内容。

并通过setItemOnClickListener来设置点击子列表项时候的处理事件。

该类继承自PopupWindow，显示以及布局就不多说了，后面说一下ViewHolder。