查看: 32772|回复: 16

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

[复制链接]

513

主题

6310

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
75210
QQ
发表于 2011-9-10 16:09:59 | 显示全部楼层 |阅读模式
尹广磊公众帐号
制作原理:

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

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


演示地址:http://9w2bmn.share.hiaxure.com/


rp源文件:(获得虚拟币

横向抽屉.rp

56.79 KB, 下载次数: 96

售价: 50 角  [记录]

0

主题

18

回帖

13

积分

会员

Rank: 5Rank: 5

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

0

主题

5

回帖

11

积分

会员

Rank: 5Rank: 5

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

513

主题

6310

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

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

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

0

主题

50

回帖

-24

积分

乞丐

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

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


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

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

0

主题

8

回帖

112

积分

会员

Rank: 5Rank: 5

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

0

主题

17

回帖

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

主题

46

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 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

回帖

157

积分

会员

Rank: 5Rank: 5

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

http://www.hiaxure.com/thread-1049-1-1.html

0

主题

24

回帖

117

积分

会员

Rank: 5Rank: 5

积分
117
发表于 2018-1-11 08:51:54 | 显示全部楼层
学习啦

1

主题

4

回帖

187

积分

会员

Rank: 5Rank: 5

积分
187
发表于 2018-9-3 13:33:56 | 显示全部楼层
不使用遮罩,各个个上面切换时确实会出现问题,已经验证

0

主题

8

回帖

246

积分

会员

Rank: 5Rank: 5

积分
246
发表于 2020-7-10 16:46:33 | 显示全部楼层
学历了
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

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

GMT+8, 2024-3-29 15:19

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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