Android自定义组件ListPopWindow
程序员文章站
2024-02-13 10:51:58
先看一下效果:
效果就是这样,看一下实现,其实也没多难,就是想开源出来供小伙伴们使用,如有不合理地方,希望大家多多指正。
1.自定义popwindow
首先我们分...
先看一下效果:
效果就是这样,看一下实现,其实也没多难,就是想开源出来供小伙伴们使用,如有不合理地方,希望大家多多指正。
1.自定义popwindow
首先我们分析一下,这样的效果肯定是一个popwindow嵌套着listview,而上面的title、和下面的cancel是两个文本框,实现起来也比较简单。
然后我们在popwindow中声明两个接口,用来回调cancel和item的点击事件
public interface onpopitemclicklistener{ void onpopitemclick(view view,int position); } public interface onbottomtextviewclicklistener{ void onbottomclick(); }
然后再设置一些popwindow的一些属性
parentview = layoutinflater.from(context).inflate(r.layout.list_popwindow,null); setcontentview(parentview); lv = (listview) parentview.findviewbyid(r.id.lv_popwindow); //设置弹出窗体的高 this.setwidth(viewgroup.layoutparams.match_parent); this.setheight(viewgroup.layoutparams.match_parent); //设置弹出窗体可点击 this.setfocusable(true); //实例化一个colordrawable颜色为半透明 colordrawable dw = new colordrawable(0xb0000000); //设置selectpicpopupwindow弹出窗体的背景 this.setbackgrounddrawable(dw);
看一下整体的代码吧:
public class listpopwindow extends popupwindow{ private context context; //上下文 private view parentview; //父视图 private list<popbean> datalist; //item数据源 private onpopitemclicklistener listener; //item点击接口 private listview lv; //item列表视图 private view viewtop; //title视图 private string toptext,bottomtext; //title文字,bottom文字 private textview tvtop,tvbottom; //title文本,bottom文本 private popwindowadapter adapter; //适配器 private onbottomtextviewclicklistener bottomlistener;//底部点击接口 public interface onpopitemclicklistener{ void onpopitemclick(view view,int position); } public interface onbottomtextviewclicklistener{ void onbottomclick(); } public listpopwindow(context context,onpopitemclicklistener listener,onbottomtextviewclicklistener bottomlistener, view parentview,list<popbean> datalist,string bottomtext,string toptext){ this.context = context; this.listener = listener; this.parentview = parentview; this.datalist = datalist; this.bottomlistener = bottomlistener; this.toptext = toptext; this.bottomtext = bottomtext; initviews(); } private void initviews(){ parentview = layoutinflater.from(context).inflate(r.layout.list_popwindow,null); setcontentview(parentview); lv = (listview) parentview.findviewbyid(r.id.lv_popwindow); //设置弹出窗体的高 this.setwidth(viewgroup.layoutparams.match_parent); this.setheight(viewgroup.layoutparams.match_parent); //设置弹出窗体可点击 this.setfocusable(true); //实例化一个colordrawable颜色为半透明 colordrawable dw = new colordrawable(0xb0000000); //设置selectpicpopupwindow弹出窗体的背景 this.setbackgrounddrawable(dw); //view添加ontouchlistener监听判断获取触屏位置如果在布局外面则销毁弹出框 parentview.setontouchlistener(new view.ontouchlistener() { public boolean ontouch(view v, motionevent event) { int height = parentview.findviewbyid(r.id.ll_bottom).gettop(); int y = (int) event.gety(); if (event.getaction() == motionevent.action_up) { if (y > height) { dismiss(); } } return true; } }); update(); viewtop = parentview.findviewbyid(r.id.view_line1); tvbottom = (textview) parentview.findviewbyid(r.id.tv_popwindow_bottom); tvtop = (textview) parentview.findviewbyid(r.id.tv_popwindow_first); adapter = new popwindowadapter(context,datalist,false); lv.setadapter(adapter); if (!textutils.isempty(toptext)){ tvtop.setvisibility(view.visible); tvtop.settext(toptext); viewtop.setvisibility(view.visible); } else { tvtop.setvisibility(view.gone); viewtop.setvisibility(view.gone); } if (!textutils.isempty(bottomtext)){ tvbottom.setvisibility(view.visible); tvbottom.settext(bottomtext); } else { tvbottom.setvisibility(view.gone); } lv.setonitemclicklistener(new adapterview.onitemclicklistener() { @override public void onitemclick(adapterview<?> adapterview, view view, int i, long l) { listener.onpopitemclick(view, i); } }); tvbottom.setonclicklistener(new view.onclicklistener() { @override public void onclick(view view) { bottomlistener.onbottomclick(); } }); } }
2.看一些item的bean
这里我就声明了title和图片的id
package com.hankkin.library; public class popbean { private string title; private int icon_res; public string gettitle() { return title; } public void settitle(string title) { this.title = title; } public int geticon_res() { return icon_res; } public void seticon_res(int icon_res) { this.icon_res = icon_res; } public popbean(string title, int icon_res) { this.title = title; this.icon_res = icon_res; } }
3.自定义adapter适配器
这里面可能要注意的就是item的背景设置,有的是上半部分圆角、有的是下半部分圆角,特殊处理一下
@override public view getview(int i, view view, viewgroup viewgroup) { viewholder holder; if (view == null) { view = inflater.inflate(r.layout.listview_popwindow_item, null); holder = new viewholder(); holder.tv_name = (textview) view.findviewbyid(r.id.tv_title); holder.v_line = (view) view.findviewbyid(r.id.v_line); view.settag(holder); } else { holder = (viewholder) view.gettag(); } holder.tv_name.settext(datalist.get(i).gettitle()); if (datalist.size() - 1 == i) { holder.v_line.setvisibility(view.invisible); holder.tv_name.setbackground(context.getresources().getdrawable(r.drawable.selector_bottom_half)); } else { holder.v_line.setvisibility(view.visible); holder.tv_name.setbackground(context.getresources().getdrawable(r.drawable.list_gray_item)); } return view; }
最后看一下调用
activity需要实现item接口(onpopitemclicklistener)和底部按钮接口(onbottomtextviewclicklistener)
public void show(view view){ list<popbean> pops = new arraylist<>(); for (int i=0;i<5;i++){ popbean pop = new popbean("item"+i,0); pops.add(pop); } popwindow = new listpopwindow(mainactivity.this,this,this,rl,pops,"cancel","title"); popwindow.showatlocation(rl, gravity.center| gravity.bottom,0,0); }
以上就是本文的全部内容,希望能够对大家的学习有所帮助。