【高保真】图片组-水平滑动-循环播放(自动+手动)经典案例 iPhone 汉化
本帖已由作者最终修订2012-08-03华为网盘:http://www.hiaxure.com/images/attachicons/binary.gif 新闻图片水平滑动(自动+手动).rp Final
论坛下载: ←这就是货真价实的源文件,亲们不要再求了,感谢支持。
本范例源文件已开放下载,感谢默默顶帖的朋友们,我会继续奉献更多更好更经典的rp,来回馈大家一直以来对本帖的支持。
创新应用”循环体“技巧完美攻克互动干扰难题
让 Axure 6 听懂你的思维
引——
以前没用过Visio等原型设计软件
学习不到两个月的Axure 6
用一下午时间做出了这种效果
掌握Axure正确的学习方法,短时间快速成长,我相信你也可以!
From——
Tapbots官网Weightbot中GALLERY标签的iPhone应用的展示部分。
Demo——
→在线操控原型←
→在线操控原型←
如果不能很好的访问在线地址,请您下载
抽丝剥茧——
[*]是什么?
创建了一组嵌套类动态面板,背景(灰框)与梭子(手机图);以及一组指针类动态面板“指针”和“指针2”,负责实现了自动滚动功能。为什么?
应用嵌套类面板的特性,即——上级(父)面板作用相当于相框(窗户);下级(子)面板只显示在相框中的内容。
(本人的得意之作——指针面板真的是交互师一件十分厉害的法宝!关于指针技巧的讲解如果大家感兴趣的话,我会陆续编辑进来或者另辟专栏:handshake )
[*]是什么?
也就是所谓的滚动导航!这里按钮存在三种状态,分别是闲时、悬停、选中。为什么?
巧妙运用“禁用组件”动作——既实现了圆形按钮的悬停样式,又使点击选中的按钮不作任何响应。
[*]是什么?
编写触发事件动作时先从下方的圆形按钮组的一个(第一个)开始,写好一个以后直接按Ctrl + D 复制出其他6个来。然后只需对应修改好各个按钮的标签与触发动作的对象、变量的值等而不必再反复创建用例了。为什么?
大大节省了工作量!(复制/粘贴用例)
[*]是什么?
对于像这种案例的制作,“移动动态面板”时应选择“绝对位置”的方式。为什么?
优化用例,避免拆了东墙补西墙的Bug。
[*]是什么?
强烈建议大家一开始学习Axure就养成新建组件后就添加必要的标签的好习惯!为什么?
为了分享源文件给大家参考时能更好更方便的理解作者的思路,更是为了提高自己的效率!既明确了组件用途的同时,也有助于思考逻辑时明晰的条理性!
已知的
细节上的细微不足——
节省了不必要的精益求精:
1、按钮的悬停样式的渐渐出现与消失,当前选中按钮的提示文字无法显示。(知识点概要 2.)
2、页面字体的艺术效果。
3、切换标签挥动的速度等。
尚待解决的难题——
手动连续极快速地切换标签后导致图片定位不符的问题(已可自动校正,无需刷新)
↓作者精品导读↓【高保真】可回滚的进度条 动态显示进度1%—100%【高保真】液动的抽屉特效倒计时跳转组件 可随意修改几秒【精】心整理 Axure 6快捷键大全【高保真】Axure计算器 v2.0相册控件
更多不足之处?还请大家伙披露指正!
271557876 沙发不留——
顺带问一句尹老师:为什么隐藏回帖可见内容没有权限使用呢? 不是很清楚,为什么要使用hide标签呢。很多不常用的,都禁用了应该的。 3# 尹广磊
【hide】隐藏内容 Abc【/hide】
效果:只有当浏览者回复本帖时,才显示其中的内容,否则显示为“**** 隐藏信息 跟帖后才能显示 *****”
老大,给个权限吧、攒点人气啊~哈哈~:lol 我本人不喜欢那样的设计,这样不能让有价值的回复显示在上面,而是太多没什么价值的回复。
我希望自信的东西,那就放更长的时间,让人经过细致思考后来回复。 学习学习 引——
以前没用过Visio等原型设计软件,学习不到两个月的Axure 6,用一下午时间做出了这种效果。
掌握Axure正确的学习方法,短时间快速成长,我相信你也可以!
模仿及取材——
Tapbots官网Weightbot中GALLERY ...
张鹤鹏 发表于 2011-7-5 12:05 http://www.hiaxure.com/images/common/back.gif
1和7相互切换的效果? 7# 潮州咸菜
是的。
大家应该也有发现,Axure做出来的原型交互、在动作未完成前紧接着触发了同一条件下的动作时很容易出Bug,尤其是移动面板这种。
我还没有找到折中的办法,求高手指点! 我本人不喜欢那样的设计,这样不能让有价值的回复显示在上面,而是太多没什么价值的回复。
我希望自信的东西,那就放更长的时间,让人经过细致思考后来回复。
尹广磊 发表于 2011-7-5 13:26 http://www.hiaxure.com/images/common/back.gif
3# 尹广磊
感谢尹老师的循循善诱、谆谆告诫,我会更加努力做好的!:victory: 求源文件,谢谢~~16692935@qq.com 可以给我发一个学习学习吗?
邮箱:wushufeng2001@163.com 麻烦能发个源文件给我吗,学习研究用。非常感谢。 sunjameschen@163.com 求源文件学习,滑动效果很流畅,c.ghost@163.com 能发我一份吗,364242372@qq.com 恩,思路不错,学习了 webppd:flower求原型~~~895075745@qq.com tx911tx@yahoo.com.cn
不好意思,前面邮箱写错了,请重新发送以下,谢谢啊,我主要是那个点击介入事件,怎么重置计时器,不太清楚 源文件已发送……
关于计时器的控制确实很麻烦,不仅需要用到变量还得设置多重筛选条件;端的请参阅RP吧,如有什么不详之处欢迎在线询问~
271557876
MSN 在签名档http://messenger.services.live.com/users/bc5798e8f471bd2c@apps.messenger.live.com/presenceimage?mkt=zh-cn 什么时候的贴了现在回复有用吗~? 19# 张鹤鹏
我已经搞定了,不知道思路对不对,你看看,我是通过设置一个 a计时器面板,将时间赋值给变量,当这个变量也就是时间到达3s时,开始触发转动b面板的事件,如果出现鼠标干预的情况,就将这个时间变量重置为0,重新开始计时。这样就解决了,同时触发的问题。
b面板也是为2层的面板,负责被a面板触发后,指挥目标 c面板做转动
c面板,而我使用的不是移动动态慢板,是用一个5层的动态面板,通过动态面板转换动作时的向左移动的特效,满足了,你原型中,移动的效果。也就不需要嵌套面板。
觉得这样下来还是太复杂,尝试了大量代码。