Android 使用PopupWindow实现弹出更多的菜单实例详解
程序员文章站
2022-04-18 18:41:21
最近想要做一个弹出更多的菜单,而原生的弹出菜单却不是我们想要的效果,所以必然要自定义菜单咯。本人也是借鉴网上的资料进行封装的,感觉还蛮不错的。
原生的菜单如下图:...
最近想要做一个弹出更多的菜单,而原生的弹出菜单却不是我们想要的效果,所以必然要自定义菜单咯。本人也是借鉴网上的资料进行封装的,感觉还蛮不错的。
原生的菜单如下图:
自定义之后的效果图:
是不是看到这里之后,对比可知,原生的效果不太理想,所以还是再自己定义吧!
1、popupwindow可以说是一个浮动在activity之上的容器,通常用来显示自定义的视图。弹出菜单的封装popmenumore
/** * 对弹出菜单的封装. * http://blog.csdn.net/maosidiaoxian/article/details/39178167 * author: msdx (645079761@qq.com) * time: 14-6-13 下午1:51 */ public class popmenumore { /** * 上下文. */ private context mcontext; /** * 菜单项 */ private arraylist<popmenumoreitem> mitemlist; /** * 列表适配器. */ private baseadapter madapter; /** * 菜单选择监听. */ private onitemselectedlistener mlistener; /** * 下角图标 */ private imageview cornericon; /** * 列表. */ private listview mlistview; /** * 弹出窗口. */ private popupwindow mpopupwindow; public popmenumore(context context) { mcontext = context; mitemlist = new arraylist<>(); view view = oncreateview(context); view.setfocusableintouchmode(true); madapter = oncreateadapter(context, mitemlist); cornericon = findcornerview(view); mlistview = findlistview(view); mlistview.setadapter(madapter); mlistview.setonitemclicklistener(new adapterview.onitemclicklistener() { @override public void onitemclick(adapterview<?> parent, view view, int position, long id) { popmenumoreitem item = (popmenumoreitem) madapter.getitem(position); if (mlistener != null) { mlistener.selected(view, item, position); } mpopupwindow.dismiss(); } }); view.setonkeylistener(new view.onkeylistener() { @override public boolean onkey(view v, int keycode, keyevent event) { if (keycode == keyevent.keycode_menu && mpopupwindow.isshowing()) { mpopupwindow.dismiss(); return true; } return false; } }); mpopupwindow = new popupwindow(view, viewgroup.layoutparams.wrap_content, viewgroup.layoutparams.wrap_content, true); mpopupwindow.setbackgrounddrawable(new colordrawable(0x00000000)); setbackgroundcolor(color.parsecolor("#000000")); setcorner(r.mipmap.triangle); } /** * 设置listview背景 * * @param argb color.parsecolor("..") */ public void setbackgroundcolor(int argb) { // int strokewidth = 5; // 3dp 边框宽度 int roundradius = 5; // 8dp 圆角半径 // int strokecolor = color.parsecolor("#2e3135");//边框颜色 // int fillcolor = color.parsecolor("#dfdfe0");//内部填充颜色 gradientdrawable gd = new gradientdrawable();//创建drawable gd.setcolor(argb); gd.setcornerradius(roundradius); // gd.setstroke(strokewidth, strokecolor); mlistview.setbackgrounddrawable(gd); } /** * 设置下角图标 * * @param resid */ public void setcorner(int resid) { cornericon.setbackgroundresource(resid); } protected view oncreateview(context context) { return layoutinflater.from(context).inflate(r.layout.layout_popmenu_more, null); } protected imageview findcornerview(view view) { return (imageview) view.findviewbyid(r.id.corner_iv); } protected listview findlistview(view view) { return (listview) view.findviewbyid(r.id.menu_listview); } /** * 菜单列表中的适配器. * * @param context * @param items 表示所有菜单项. * @return */ protected baseadapter oncreateadapter(context context, arraylist<popmenumoreitem> items) { return new popmenumoreadapter(context, items); } /** * 添加菜单项 * * @param item */ public void additem(popmenumoreitem item) { mitemlist.add(item); madapter.notifydatasetchanged(); } public void additems(list<popmenumoreitem> items) { if (items != null) { mitemlist.clear(); } for (popmenumoreitem item : items) { mitemlist.add(item); } madapter.notifydatasetchanged(); } /** * 作为指定view的下拉控制显示. * * @param parent 所指定的view */ public void showasdropdown(view parent) { mpopupwindow.showasdropdown(parent); } /** * 隐藏菜单. */ public void dismiss() { mpopupwindow.dismiss(); } /** * 设置菜单选择监听. * * @param listener 监听器. */ public void setonitemselectedlistener(onitemselectedlistener listener) { mlistener = listener; } /** * 当前菜单是否正在显示. * * @return */ public boolean isshowing() { return mpopupwindow.isshowing(); } /** * 菜单项选择监听接口. */ public interface onitemselectedlistener { /** * 菜单被选择时的回调接口. * * @param view 被选择的内容的view. * @param item 被选择的菜单项. * @param position 被选择的位置. */ void selected(view view, popmenumoreitem item, int position); } }
2、菜单中listview的适配器:popmenumoreadapter
/** * @author soban * @create 2017/4/12 10:29. */ public class popmenumoreadapter extends baseadapter { private arraylist<popmenumoreitem> items; private context context; public popmenumoreadapter(context context, arraylist<popmenumoreitem> items) { this.context = context; this.items = items; } @override public int getcount() { return items.size(); } @override public popmenumoreitem getitem(int position) { return items.get(position); } @override public long getitemid(int position) { return position; } @override public view getview(int position, view view, viewgroup parent) { if (view == null) { view = layoutinflater.from(context).inflate(r.layout.item_popmenu_more, null); viewholder holder = new viewholder(); holder.icon = (imageview) view.findviewbyid(r.id.menu_icon); holder.text = (textview) view.findviewbyid(r.id.menu_text); view.settag(holder); } else if (view.getparent() != null) { ((viewgroup) view.getparent()).removeview(view); } viewholder holder = (viewholder) view.gettag(); popmenumoreitem item = items.get(position); if (item.getresid() == 0) { holder.icon.setvisibility(view.gone); } holder.text.settext(item.gettext()); return view; } private class viewholder { imageview icon; textview text; } }
3、菜单项中item: popmenumoreitem
/** * 菜单项. */ public class popmenumoreitem { public int id; //标识 public int resid; //资源图标 public string text;//文字 public popmenumoreitem(int id, string text) { this.id = id; this.resid = 0; this.text = text; } public popmenumoreitem(int id, int resid, string text) { this.id = id; this.resid = resid; this.text = text; } public int getid() { return id; } public void setid(int id) { this.id = id; } public int getresid() { return resid; } public void setresid(int resid) { this.resid = resid; } public string gettext() { return text; } public void settext(string text) { this.text = text; } }
4、宽度适配内容、不滚动的listview:popmenumorelistview
/** * 宽度适配内容的listview. * author: msdx (645079761@qq.com) * time: 14-9-2 下午5:14 */ public class popmenumorelistview extends listview { public popmenumorelistview(context context) { super(context); } public popmenumorelistview(context context, attributeset attrs) { super(context, attrs); } public popmenumorelistview(context context, attributeset attrs, int defstyle) { super(context, attrs, defstyle); } @override protected void onmeasure(int widthmeasurespec, int heightmeasurespec) { int width = 0; for (int i = 0; i < getchildcount(); i++) { view child = getchildat(i); child.measure(measurespec.makemeasurespec(0, measurespec.unspecified), heightmeasurespec); int w = child.getmeasuredwidth(); if (w > width) width = w; } widthmeasurespec = measurespec.makemeasurespec(width + getpaddingleft() + getpaddingright(), measurespec.exactly); super.onmeasure(widthmeasurespec, heightmeasurespec); } }
5、item的布局:item_popmenu_more.xml
<?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:paddingbottom="10dip" android:paddingleft="20dip" android:paddingright="20dip" android:paddingtop="10dip"> <imageview android:id="@+id/menu_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginleft="5dip" android:layout_marginright="5dip" android:src="@mipmap/demand_icon_location" /> <textview android:id="@+id/menu_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:singleline="true" android:textcolor="#ffffff" /> </linearlayout>
6、更多菜单的布局:layout_popmenu_more.xml
<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:paddingright="5dip"> <imageview android:id="@+id/corner_iv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right" android:layout_marginright="15dip" android:contentdescription="@null" /> <soban.orderscroll.popmenumorelistview android:id="@+id/menu_listview" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right" android:cachecolorhint="@android:color/transparent" android:listselector="@android:color/transparent" android:divider="#ffffff" android:dividerheight="1px" android:focusable="true" /> </linearlayout>
7、例子activity: mainactivity
public class mainactivity extends activity { private static final int user_search = 0; private static final int user_add = 1; private popmenumore mmenu; private textview mtextview; @override protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); initmenu(); mtextview = (textview) findviewbyid(r.id.hello_tv); mtextview.setonclicklistener(new view.onclicklistener() { @override public void onclick(view view) { mmenu.showasdropdown(mtextview); } }); } private void initmenu() { mmenu = new popmenumore(this); // mmenu.setcorner(r.mipmap.demand_icon_location); // mmenu.setbackgroundcolor(color.parsecolor("#ff8800")); arraylist<popmenumoreitem> items = new arraylist<>(); items.add(new popmenumoreitem(user_search, "搜索")); items.add(new popmenumoreitem(user_add, "添加")); items.add(new popmenumoreitem(user_search, "搜索")); items.add(new popmenumoreitem(user_add, "添加")); items.add(new popmenumoreitem(user_search, "搜索")); items.add(new popmenumoreitem(user_add, "添加")); /*items.add(new popmenumoreitem(user_search, r.mipmap.demand_icon_number, "搜索")); items.add(new popmenumoreitem(user_add, r.mipmap.demand_icon_location, "添加")); items.add(new popmenumoreitem(user_search, r.mipmap.demand_icon_number, "搜索")); items.add(new popmenumoreitem(user_add, r.mipmap.demand_icon_location, "添加")); items.add(new popmenumoreitem(user_search, r.mipmap.demand_icon_number, "搜索")); items.add(new popmenumoreitem(user_add, r.mipmap.demand_icon_location, "添加"));*/ mmenu.additems(items); mmenu.setonitemselectedlistener(new popmenumore.onitemselectedlistener() { @override public void selected(view view, popmenumoreitem item, int position) { switch (item.id) { case user_search: // startactivity(new intent(this, usersearchactivity.class)); break; case user_add: // startactivity(new intent(getactivity(), useraddactivity.class)); break; } } }); } }
8、例子布局:activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingbottom="@dimen/activity_vertical_margin" android:paddingleft="@dimen/activity_horizontal_margin" android:paddingright="@dimen/activity_horizontal_margin" android:paddingtop="@dimen/activity_vertical_margin"> <textview android:id="@+id/hello_tv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="hello world!" /> </relativelayout>
9、所需资源文件:
参考:
android使用popupwindow实现页面点击顶部弹出下拉菜单
以上所述是小编给大家介绍的android 使用popupwindow实现弹出更多的菜单实例详解,希望对大家有所帮助
上一篇: .NET Core 学习资料精选:进阶
下一篇: Node.js实现注册邮箱**功能
推荐阅读
-
Android之用PopupWindow实现弹出菜单的方法详解
-
Android 开发使用PopupWindow实现弹出警告框的复用类示例
-
Android使用Activity实现从底部弹出菜单或窗口的方法
-
Android 使用PopupWindow实现弹出更多的菜单实例详解
-
Android中实现长按照片弹出右键菜单功能的实例代码
-
android菜单Menu结合popupWindow的用法实现弹出在屏幕任意位置!
-
分享一个Android仿微信菜单使用C#和Java分别实现的实例
-
Android使用Activity实现从底部弹出菜单或窗口的方法
-
Android 开发使用PopupWindow实现弹出警告框的复用类示例
-
Android 使用PopupWindow实现弹出更多的菜单实例详解