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

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

界面预览

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

 

 

下面先讲一下实现原理:

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

PopupWindow 的用法也很简单

主要方法:

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

 

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


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

 

 

使用实例:

 

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

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

 

 

步骤2:显示出来

 

[java]  view plain copy
  1. popupWindow.showAsDropDown(parent,1010);  

参数:附着在哪个view(应该是根据这个parent来确定弹出位置),相对于parent的x轴偏移 ,相对于parent的y轴偏移

 

 

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

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

 

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

 

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

 

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


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

 

 

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

 

[java]  view plain copy
  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 plain copy
  1.   

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

 

奉上源码

项目源码

模拟服务器端源码

 

原文:http://blog.csdn.net/z1074971432/article/details/7547783

转载于:https://www.cnblogs.com/mypzx/archive/2013/02/26/2933705.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值