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

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

下面先讲一下实现原理：

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

PopupWindow 的用法也很简单

主要方法：

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

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

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

使用实例：

[java] view plaincopy

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

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

步骤2：显示出来

[java] view plaincopy

1. popupWindow.showAsDropDown(parent,10, 10);  

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

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

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

[java] view plaincopy

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

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

[java] view plaincopy

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

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

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

[java] view plaincopy

1. package com.tszy.wight;  
2.   
3. import java.util.ArrayList;  
4.   
5. import android.content.Context;  
6. import android.graphics.drawable.BitmapDrawable;  
7. import android.view.LayoutInflater;  
8. import android.view.View;  
9. import android.view.ViewGroup;  
10. import android.view.ViewGroup.LayoutParams;  
11. import android.widget.AdapterView.OnItemClickListener;  
12. import android.widget.BaseAdapter;  
13. import android.widget.ListView;  
14. import android.widget.PopupWindow;  
15. import android.widget.TextView;  
16.   
17. import com.tszy.watergate.R;  
18.   
19. public class PopMenu {  
20.     private ArrayList<String> itemList;  
21.     private Context context;  
22.     private PopupWindow popupWindow ;  
23.     private ListView listView;  
24.     //private OnItemClickListener listener;  
25.       
26.   
27.     public PopMenu(Context context) {  
28.         // TODO Auto-generated constructor stub  
29.         this.context = context;  
30.   
31.         itemList = new ArrayList<String>(5);  
32.           
33.         View view = LayoutInflater.from(context).inflate(R.layout.popmenu, null);  
34.           
35.         //设置 listview  
36.         listView = (ListView)view.findViewById(R.id.listView);  
37.         listView.setAdapter(new PopAdapter());  
38.           
39.         popupWindow = new PopupWindow(view, 100, LayoutParams.WRAP_CONTENT);  
40.         popupWindow = new PopupWindow(view,   
41.                 context.getResources().getDimensionPixelSize(R.dimen.popmenu_width),   
42.                 LayoutParams.WRAP_CONTENT);  
43.           
44.         // 这个是为了点击“返回Back”也能使其消失，并且并不会影响你的背景（很神奇的）  
45.         popupWindow.setBackgroundDrawable(new BitmapDrawable());  
46.     }  
47.   
48.     //设置菜单项点击监听器  
49.     public void setOnItemClickListener(OnItemClickListener listener) {  
50.         //this.listener = listener;  
51.         listView.setOnItemClickListener(listener);  
52.     }  
53.   
54.     //批量添加菜单项  
55.     public void addItems(String[] items) {  
56.         for (String s : items)  
57.             itemList.add(s);  
58.     }  
59.   
60.     //单个添加菜单项  
61.     public void addItem(String item) {  
62.         itemList.add(item);  
63.     }  
64.   
65.     //下拉式 弹出 pop菜单 parent 右下角  
66.     public void showAsDropDown(View parent) {  
67.         popupWindow.showAsDropDown(parent, 10,   
68.                 //保证尺寸是根据屏幕像素密度来的  
69.                 context.getResources().getDimensionPixelSize(R.dimen.popmenu_yoff));  
70.           
71.         // 使其聚集  
72.         popupWindow.setFocusable(true);  
73.         // 设置允许在外点击消失  
74.         popupWindow.setOutsideTouchable(true);  
75.         //刷新状态  
76.         popupWindow.update();  
77.     }  
78.       
79.     //隐藏菜单  
80.     public void dismiss() {  
81.         popupWindow.dismiss();  
82.     }  
83.   
84.     // 适配器  
85.     private final class PopAdapter extends BaseAdapter {  
86.   
87.         @Override  
88.         public int getCount() {  
89.             // TODO Auto-generated method stub  
90.             return itemList.size();  
91.         }  
92.   
93.         @Override  
94.         public Object getItem(int position) {  
95.             // TODO Auto-generated method stub  
96.             return itemList.get(position);  
97.         }  
98.   
99.         @Override  
100.         public long getItemId(int position) {  
101.             // TODO Auto-generated method stub  
102.             return position;  
103.         }  
104.   
105.         @Override  
106.         public View getView(int position, View convertView, ViewGroup parent) {  
107.             // TODO Auto-generated method stub  
108.             ViewHolder holder;  
109.             if (convertView == null) {  
110.                 convertView = LayoutInflater.from(context).inflate(R.layout.pomenu_item, null);  
111.                 holder = new ViewHolder();  
112.   
113.                 convertView.setTag(holder);  
114.   
115.                 holder.groupItem = (TextView) convertView.findViewById(R.id.textView);  
116.   
117.             } else {  
118.                 holder = (ViewHolder) convertView.getTag();  
119.             }  
120.   
121.             holder.groupItem.setText(itemList.get(position));  
122.   
123.             return convertView;  
124.         }  
125.   
126.         private final class ViewHolder {  
127.             TextView groupItem;  
128.         }  
129.     }  
130. }  

[java] view plaincopy

1.   

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