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

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

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

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

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

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

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

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

预览图：




html演示文件：


rp源文件（Axure6打开）：

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

自己也去模一个出来
页: [1] 2
查看完整版本: 这是我做过的一个最复杂的动态面板相互移动控制的案例了