android ICS式下拉菜单实现详解 PopupWindow

这是我现在做的一个毕业设计项目：

右边这个就是下拉菜单啦，看见有的地方叫他 ICS式下拉菜单，哎哟，不错哦！

下面先讲一下实现原理：

这种菜单实际上就是一个弹出式的菜单，于是我们想到android PopupWindow 类，给他设置一个view 在弹出来不就OK了吗。

PopupWindow 的用法也很简单

主要方法：

步骤1.new 一个实例出来，我们使用这个构造方法即可，

public PopupWindow (View contentView, int width, int height)

3个参数 你要显示的view，显示宽度，显示高度

使用实例：

 View view = LayoutInflater.from(context).inflate(R.layout.popmenu, null);
        popupWindow = new PopupWindow(view, 100, LayoutParams.WRAP_CONTENT);

很简单吧，不用多说，如果你这2句看不懂先看下基础去咯。

步骤2：显示出来

popupWindow.showAsDropDown(parent,10, 10);

参数：附着在哪个view（应该是根据这个parent来确定弹出位置），相对于parent的x轴偏移 ，相对于parent的y轴偏移

这2个步骤就可以吧他弹出来，下面注意几个很重要的细节

注意下面所做的3条是为了使 点击popuWindow 以外的区域能够关闭它。

// 使其聚集
popupWindow.setFocusable(true);
// 设置允许在外点击消失
popupWindow.setOutsideTouchable(true);
//刷新状态（必须刷新否则无效）
popupWindow.update();

下面这点是为了使 按返回按钮能够关闭popuwindow

// 这个是为了点击“返回Back”也能使其消失，并且并不会影响你的背景（很神奇的）
popupWindow.setBackgroundDrawable(new BitmapDrawable());
//网上找的我也不知道为什么

OK上面就介绍完了使用原理，知道了原理大家就可以自己做弹出菜单了对吧。

下面给大家分享我封装好的 PopMenu 类

package com.tszy.wight;

import java.util.ArrayList;

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.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;

import com.tszy.watergate.R;

public class PopMenu {
	private ArrayList itemList;
	private Context context;
	private PopupWindow popupWindow ;
	private ListView listView;
	//private OnItemClickListener listener;
	

	public PopMenu(Context context) {
		// TODO Auto-generated constructor stub
		this.context = context;

		itemList = new ArrayList(5);
		
		View view = LayoutInflater.from(context).inflate(R.layout.popmenu, null);
        
        //设置 listview
        listView = (ListView)view.findViewById(R.id.listView);
        listView.setAdapter(new PopAdapter());
        
        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) {
		//this.listener = listener;
		listView.setOnItemClickListener(listener);
	}

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

	//单个添加菜单项
	public void addItem(String 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() {
			// TODO Auto-generated method stub
			return itemList.size();
		}

		@Override
		public Object getItem(int position) {
			// TODO Auto-generated method stub
			return itemList.get(position);
		}

		@Override
		public long getItemId(int position) {
			// TODO Auto-generated method stub
			return position;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			// TODO Auto-generated method stub
			ViewHolder holder;
			if (convertView == null) {
				convertView = LayoutInflater.from(context).inflate(R.layout.pomenu_item, null);
				holder = new ViewHolder();

				convertView.setTag(holder);

				holder.groupItem = (TextView) convertView.findViewById(R.id.textView);

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

			holder.groupItem.setText(itemList.get(position));

			return convertView;
		}

		private final class ViewHolder {
			TextView groupItem;
		}
	}
}

这个类里面引用到很多资源文件，布局文件，这些大家可以自己去实现，我就不贴上了。

 

奉上源码

项目源码

模拟服务器端源码