Axure中文社区

WebPPD产品原型设计

 找回密码
 新用户注册
查看: 5819|回复: 13

[PC端] 一个横向抽屉的面板动态切换

[复制链接]

155

主题

6181

帖子

2万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
28351

实名认证

QQ
发表于 2011-9-10 16:09:59 | 显示全部楼层 |阅读模式
有趣UI设计
制作原理:

只有面板二、三、四、五会移动,移动后的绝对位置都是固定的。
所以每一次移动都是让四个面板移动到指定的固定位置。
使用Axure6制作,移动过程可以设置自动的动画,500ms完成。
由于有了500ms的移动动画,所以在移动过程中不能再触发新的移动,
否则会出现移动错位,于是要在整个面板上面放置一个空的动态面板遮罩。
当触发某一次移动时,就让透明遮罩显示,以挡住其它的触发位置。
过500ms后,再让遮罩面板消失。

2011-09-10_15-52-38.jpg


演示地址:http://9w2bmn.share.axure.org/


rp源文件:(获得虚拟币

横向抽屉.rp

56.79 KB, 下载次数: 69

售价(充值): 50 虚拟币  [记录]

0

主题

18

帖子

13

积分

会员

Rank: 5Rank: 5

积分
13
发表于 2011-9-10 17:27:28 | 显示全部楼层
老师   我没有在整个面板上面放置一个空的动态面板遮罩  没出现移动错位  所以有点不明白遮罩的作用

0

主题

5

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
QQ
发表于 2011-9-10 19:38:42 | 显示全部楼层
木有虚拟币啊啊啊啊啊啊

155

主题

6181

帖子

2万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
28351

实名认证

QQ
 楼主| 发表于 2011-9-10 21:15:33 | 显示全部楼层
2# 王子非鱼

不使用遮罩,快速在各个个上面切换时就会有问题。

0

主题

50

帖子

43

积分

会员

鲲鲲Kunkun.cn 互联网产品经理深度系统学习型社交平台

Rank: 5Rank: 5

积分
43

实名认证

QQ
发表于 2011-9-10 22:53:21 | 显示全部楼层
2# 王子非鱼


没有这遮罩层的话 在鼠标划过的时候可能会遇见另外的那个热点,导致错位!

我的没有用遮罩你可以看下  会有错乱的!
截图不好做  就上网页的!
鲲鲲Kunkun.cn 互联网产品经理深度系统学习型社交平台.

0

主题

8

帖子

112

积分

会员

Rank: 5Rank: 5

积分
112
发表于 2011-9-13 23:34:18 | 显示全部楼层
没有虚拟币怎么办啊??

0

主题

18

帖子

15

积分

会员

Rank: 5Rank: 5

积分
15
发表于 2011-9-14 16:31:20 | 显示全部楼层
1# 尹广磊
尹老师,我打开了一下原型展示,里面有问题,当左右来回移动鼠标时出现的

0

主题

4

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2011-9-22 14:32:13 | 显示全部楼层
怎么赚虚拟币?

0

主题

3

帖子

107

积分

会员

Rank: 5Rank: 5

积分
107
发表于 2011-9-23 14:07:15 | 显示全部楼层
学习了

0

主题

47

帖子

116

积分

会员

Rank: 5Rank: 5

积分
116

实名认证

发表于 2011-9-23 17:18:37 | 显示全部楼层
好高的虚拟币啊!

0

主题

17

帖子

42

积分

会员

Rank: 5Rank: 5

积分
42

实名认证

发表于 2011-10-3 13:40:09 | 显示全部楼层
学习了

0

主题

6

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-12-7 17:19:57 | 显示全部楼层
- - 好多金币!

0

主题

2

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2013-4-15 22:09:47 | 显示全部楼层
参考一下!

0

主题

9

帖子

250

积分

会员

Rank: 5Rank: 5

积分
250

实名认证

发表于 2013-4-28 15:08:48 | 显示全部楼层
怎么赚虚拟币?
pengsarah01 发表于 2011-9-22 14:32

http://www.webppd.com/thread-1049-1-1.html
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|版权|关于|WebPPD ( 京ICP备09037244号 )

GMT+8, 2017-3-29 07:28

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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