Axure中文社区

WebPPD产品原型设计

 找回密码
 新用户注册
查看: 8186|回复: 4

[手机端] 模拟iphone的下拉通知面板

[复制链接]

357

主题

6520

帖子

6万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
61296

实名认证

QQ
发表于 2012-11-23 22:27:38 | 显示全部楼层 |阅读模式
Axure 8.0 培训
2012-11-23_22-20-12.jpg
演示地址:http://5jyi2r.share.axure.org/
模拟iphone的下拉通知面板,拖动下拉按钮向下,达到一半屏时松手。下拉通知面板会自动移动到底部。达不到一半时自动缩回到顶部位置。


原理:

1. 最外面一层面板做为显示框。
2. 里面放一层面板做为整个下拉面板的内容。
3. 再里面把下拉按钮转化为面板,为了让面板可被拖拽。
4. 在下拉按钮面板上添加事件,拖拽时临Y轴方面移动下拉面板。
5. 在拖拽松手时添加事件,条件判断下拉面板是否与屏中间那个位置点面板有接触。如果有接触让下拉面板移动到最底部的绝对坐标位置,如果没有让下拉面板移动到顶部的那个绝对坐标位置。

rp源文件下载:

模拟iphone下拉通知面板.rp

63.59 KB, 下载次数: 619

售价(获得虚拟币): 20 虚拟币  [记录]

0

主题

55

帖子

171

积分

会员

Rank: 5Rank: 5

积分
171

资深会员

发表于 2012-11-25 20:32:53 | 显示全部楼层
1# 尹广磊


最外层 不需要动态面板也可以

0

主题

3

帖子

12

积分

会员

Rank: 5Rank: 5

积分
12
发表于 2013-8-27 11:38:06 | 显示全部楼层
设计的太巧秒了。下载了原文件学习了好长时间才明白。谢谢楼主分享。还请楼主多多分享这样的案例,对于我这样的新手来说帮助很大。

0

主题

1

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2013-8-29 14:39:11 | 显示全部楼层
赞一个!楼猪万岁!!!!!!!

0

主题

1

帖子

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2013-12-13 13:50:56 | 显示全部楼层
学习了,顶楼主
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区

GMT+8, 2019-1-23 11:28

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表