设为首页 加入收藏

TOP

Android UI进阶之弹窗的使用(2)--实现通讯录的弹窗效果
2014-11-24 14:57:53 来源: 作者: 【 】 浏览:41
Tags:Android 进阶 使用 实现 通讯录 效果

如图所示:





android中提供了QuickContactBadge来实现这一效果。这里简单演示下。


首先创建布局文件:


很简单,在布局中添加一个QuickContactBadge组件即可。


在Activity中配置:



注意加入读通讯录的权限


  


实现效果如图:





但是这个组件局限性很大,弹出窗口中只能是一些contact操作。但是仔细一想,这样的操作并不难,不就是一个带动画的弹窗么。下面就来我们自己实现一个。


实现一个带动画的弹窗并不难,在我的之前一篇博客中有讲过弹窗PopupWindow的使用,不清楚弹窗的朋友可以去看下。在这里实现的难点主要有这些:


1.判断基准view在屏幕中的位置,从而确定弹窗弹出的位置以及动画。这是非常重要的一点,或许基准在屏幕上方,那么就要向下弹出。


2.动态的添加弹窗中的按钮,并实现点击


3.箭头位置的控制。箭头应该保持在基准的下方。


4.动画的匹配。里面有两种动画。一种是PopupWindow弹出动画,我们通过设置弹窗的style来实现(style的用法可以参考我之前的博客)。另一种是弹窗中间的布局的动画。


  了解了难点以后,写起来就方便了。


首先实现 窗的布局:


窗体内部使用一个HorizontalScrollView可以实现一个滑动效果。我们可以动态的在这个布局中添加按钮,我们称作Actionitem。


  写一个ActionItem类,使得我们可以用一个ArrayList做容器,动态的添加这些actionitem。这些都是服务于第二个难点。


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Android UI进阶之自定义组合控件 下一篇Android设计模式系列

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: