开源中文网

您的位置: 首页 > Android开发 > 正文

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<String> 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<String>(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;
  }
}
}

这个类里面引用到很多资源文件,布局文件,这些大家可以自己去实现,我就不贴上了。
具体代码本站下载地址如下:
项目源码
http://www.91linux.com/uploadfile/2017/0111/20170111115054392.zip

模拟服务器端源码
http://www.91linux.com/uploadfile/2017/0111/20170111115127923.zip

Tags:源码下载 菜单 方法
关于开源中文网 - 联系我们 - 广告服务 - 网站地图 - 版权声明