这是我做过的一个最复杂的动态面板相互移动控制的案例了

尹广磊 · 发表于 2011-9-3 00:36:19

这个案例需要使用Axure6.0打开，
这大概是我做过的一个最复杂的动态面板相互移动控制的案例。
你不要问我是怎么做的，因为我自己都可能说不清楚了。

总体上：
1. 点击“分享代码”按钮时，整体下面的内容会向下移动。
同时这一移动，区分了宽屏和窄屏时不同的移动内容。

2. 播放器有宽屏和窄屏之分，宽屏时分享代码展开后的宽度不同，
转帖到因为有了足够的空间也变更全部展开。

3. 右侧，简介详情可以展开。详情内容是在下面的一个动态面板。

4. 其中用于了3个变量来判断各种中间状态，
用于了Axure6特有的动态面板OnMove事件上的移动跟随动作。

仅做研究使用，不提倡这样制作。实际开发时，整体画出位置写注释，
局部单独到另一个页面做动态效果，效率更高。

预览图：

视频播放.jpg

html演示文件：

视频播放.zip (460.48 KB, 下载次数: 749)

rp源文件（Axure6打开）：

视频播放.rp (346.97 KB, 下载次数: 1577)

cloud · 发表于 2011-9-3 00:49:40

效果还不错，呵呵。。不过宽屏展开的时候下面页面会很奇怪。。这个实际用的时候也会调整吧。。

iant · 发表于 2011-9-3 09:33:10

1# 尹广磊

拜你为师

sanboom · 发表于 2011-9-4 02:41:08

老大给个rp文件研究一下可以吗？

尹广磊 · 发表于 2011-9-4 11:09:15

4# sanboom

帖子里有rp源文件下载呀

李泽隆 · 发表于 2011-9-9 10:21:54

老大的案例一定要顶，下载学习先

张超V · 发表于 2011-9-9 10:46:29

一定好好学习

郭艳伶 · 发表于 2011-9-9 11:18:22

学习了 :)

王子非鱼 · 发表于 2011-9-9 13:29:53

老大说的对一味追求高保真反而影响效率不过我也要去琢磨下老大是怎么去实现这些功能的 webppd:tongue

cwwjcj · 发表于 2011-9-20 15:34:31

真的是很强大！！！！

子寒 · 发表于 2011-9-20 20:13:42

很强

cannysi · 发表于 2011-9-21 16:57:28

学习学习，老大做的东西，一定要顶。

李菲 · 发表于 2011-9-21 21:09:46

不错。。
收藏了

winterlaef · 发表于 2011-9-27 00:34:59

怎样能快速的创建自己的原型呢

iamnick · 发表于 2011-9-27 10:43:02

理清思路后，当这么做，该案例就变的不那么复杂了～

fen · 发表于 2012-11-27 17:06:44

真的是很强大！！！！

褚淼 · 发表于 2012-11-30 09:27:06

俺下来是乱码

dingo2211 · 发表于 2013-1-22 10:26:09

不复杂吧，就是有个判断是否是宽屏，点击分享地址的宽度不一样

我是任文华二货 · 发表于 2013-2-18 11:05:52

第一次给了你这里

小隐爱原型 · 发表于 2013-2-21 17:29:31

自己也去模一个出来