PopupWindow实现微信绑定开户行弹窗效果

2016-06-26 20:29 阅读 2,726 次 评论 0 条
版权声明:本文著作权归TeachCourse所有,未经许可禁止转载,谢谢支持!
转载请注明出处:http://teachcourse.cn/1873.html

一.摘要

一个PopupWindow对象可以用于展示随意的view,是一个浮动的容器位于当前activity的顶部,可以设置AlertDialog弹窗效果,可以参考《自定义弹窗 VS AlertDialog分享弹窗》。

二.简单的PopupWindow使用

Demo设计一个底部弹窗窗口,选择绑定银行卡开户行,有点像微信绑定银行卡窗口,选择开户行后,弹窗消失,继续下一步操作。
002-popupwindow-demo

知识点:

1.如何PopupWindow对象创建?创建PopupWindow有多种方式,最后一种同时指定PopupWindow布局,默认窗口的宽/高和是否获取焦点属性

  1. // 创建PopupWindow实例,200,LayoutParams.MATCH_PARENT分别是宽度和高度  
  2. popupWindow = new PopupWindow(popupWindow_view, ViewGroup.LayoutParams.MATCH_PARENT, 200true);  

2.如何PopupWindow窗口位置?PopupWindow提供的showAtLocation(View parent,int gravity,int x,int y)方法设置窗口位置

parent:依附的父容器视图View

gravity:指定Gravity.LEFT,Gravity.TOP,Gravity.RIGHT,Gravity.BOTTOM,弹窗的位置

x:弹窗相对X轴的偏移量

y:弹窗相对Y轴的偏移量

  1. popupWindow.showAtLocation(v, Gravity.BOTTOM, 00);  

3.如何PopupWindow窗口动画?使用setAnimationStyle(int animationStyle)

animationStyle:PopupWindow出现和消失的动画样式,-1表示默认动画样式,0表示木有动画,或者引用一个自定义动画资源

这里引用了一个自定义滑动资源,设置窗体进入动画android:windowEnterAnimation和窗体退出动画android:windowExitAnimation,关于动画的详细介绍,可以参考《Android代码绘制虚线、圆角、渐变和阴影效果图

  1. <style name="AnimationFade">  
  2.     <!-- PopupWindow左右弹出的效果 -->  
  3.     <item name="android:windowEnterAnimation">@anim/in_lefttoright</item>  
  4.     <item name="android:windowExitAnimation">@anim/out_righttoleft</item>  
  5. </style>  
  1. popupWindow.setAnimationStyle(R.style.AnimationFade);  

4.如何PopupWindow布局?在知识点1中的popupWindow_view定义的布局,这里展示银行开卡行名称,添加了ListView控件,关联的数据items数组

  1. String[]  itemsBankInfo.bankName;  
  2. ArrayAdapter mAdapter=new ArrayAdapter(this,android.R.layout.simple_dropdown_item_1line,items);  
  3.           mListView.setAdapter(mAdapter);  
关注公众号 扫一扫二维码,加我QQ

如果文章对你有帮助,欢迎点击上方按钮关注作者

来源:TeachCourse每周一次,深入学习Android教程,关注(QQ1589359239或公众号TeachCourse)
转载请注明出处:http://teachcourse.cn/1873.html
分类:Android 标签:,
Android开发之TextView控件设置颜色切换器的问题 Android开发之TextView控件设
初始化布局带inflate方法指定父容器的作用 初始化布局带inflate方法指定父容
浅谈Android SDK 浅谈Android SDK
如何生成类似新浪微博中的长图片 如何生成类似新浪微博中的长图片

发表评论

呲牙 憨笑 坏笑 偷笑 色 微笑 抓狂 睡觉 酷 流汗 鼓掌 大哭 可怜 疑问 晕 惊讶 得意 尴尬 发怒 奋斗 衰 骷髅 啤酒 吃饭 礼物 强 弱 握手 OK NO 勾引 拳头 差劲 爱你

表情