|
|
|
本帖已由作者最终修订 2012-08-03
华为网盘： 新闻图片水平滑动（自动+手动）.rp Final
论坛下载：
新闻图片水平滑动（自动+手动）.rp
(679.68 KB, 下载次数: 1517)
←这就是货真价实的源文件，亲们不要再求了，感谢支持。
本范例源文件已开放下载，感谢默默顶帖的朋友们，我会继续奉献更多更好更经典的rp，来回馈大家一直以来对本帖的支持。
创新应用”循环体“技巧 完美攻克互动干扰难题
让 Axure ６ 听懂你的思维
引——
以前没用过Visio等原型设计软件
学习不到两个月的Axure 6
用一下午时间做出了这种效果
掌握Axure正确的学习方法，短时间快速成长，我相信你也可以！
From——
Tapbots官网Weightbot中GALLERY标签的iPhone应用的展示部分。
Demo——
如果不能很好的访问在线地址，请您下载
自动+手动图片新闻滚动组件 ＨＴＭＬ.rar
(1.72 MB, 下载次数: 442)
抽丝剥茧——
- 是什么？
创建了一组嵌套类动态面板，背景（灰框）与梭子（手机图）；以及一组指针类动态面板“指针”和“指针2”，负责实现了自动滚动功能。为什么？
应用嵌套类面板的特性，即——上级（父）面板作用相当于相框（窗户）；下级（子）面板只显示在相框中的内容。
（本人的得意之作——指针面板真的是交互师一件十分厉害的法宝！关于指针技巧的讲解如果大家感兴趣的话，我会陆续编辑进来或者另辟专栏:handshake ）
- 是什么？
也就是所谓的滚动导航！这里按钮存在三种状态，分别是闲时、悬停、选中。为什么？
巧妙运用“禁用组件”动作——既实现了圆形按钮的悬停样式，又使点击选中的按钮不作任何响应。
- 是什么？
编写触发事件动作时先从下方的圆形按钮组的一个（第一个）开始，写好一个以后直接按Ctrl + D 复制出其他6个来。然后只需对应修改好各个按钮的标签与触发动作的对象、变量的值等而不必再反复创建用例了。为什么？
大大节省了工作量！（复制/粘贴用例）
- 是什么？
对于像这种案例的制作，“移动动态面板”时应选择“绝对位置”的方式。为什么？
优化用例，避免拆了东墙补西墙的Bug。
- 是什么？
强烈建议大家一开始学习Axure就养成新建组件后就添加必要的标签的好习惯！为什么？
为了分享源文件给大家参考时能更好更方便的理解作者的思路，更是为了提高自己的效率！既明确了组件用途的同时，也有助于思考逻辑时明晰的条理性！
已知的
细节上的细微不足——
节省了不必要的精益求精：
1、按钮的悬停样式的渐渐出现与消失，当前选中按钮的提示文字无法显示。（知识点概要 2.）
2、页面字体的艺术效果。
3、切换标签挥动的速度等。
尚待解决的难题——
手动连续极快速地切换标签后导致图片定位不符的问题（已可自动校正，无需刷新）
用到的PNG素材.rar
(595 KB, 下载次数: 269)
↓作者精品导读↓ 【精】心整理 Axure 6快捷键大全 【高保真】Axure计算器 v２.０ |
|
发表于 2011-7-5 12:05:24
楼主
发表于 2011-7-5 12:56:31
