AxureRP8实战手册-案例89(中心点逐渐放大效果)

AxureRP8.0教程 小楼一夜听春语 9435℃ 0评论

案例89. 中心点逐渐放大效果

案例来源:

百度云-闪电互传

 

案例效果:(图6-29)

6-29.

案例描述:

页面打开后,呈现循环不停的涟漪效果,即多个圆形重复逐渐放大并消失的过程。

元件准备:

  • 页面中:(图6-30)

6-30

  • 动态面板“AreaPanel”中:(图6-31)

6-31

包含命名:

  • 动态面板(用于内容显示区域): AreaPanel

 

思路分析:

  • 每个圆形显示时,都是放大然后隐藏;(操作步骤1)
  • 每个圆形隐藏时,都恢复尺寸并再次显示;形成不断交替隐藏显示的效果;(操作步骤2)
  • 页面打开时,依次间隔一段时间显示圆形。

 

操作步骤:

1、为每个圆形的【显示时】事件添加“用例1”,设置第1个动作为【设置尺寸】于“当前元件”(This),{宽度}和{高度}均为“400”,{锚点}选择【中心】,{动画}选择【线性】,{时间}为“4000”毫秒;设置第2个动作为【隐藏】 “当前元件”(This),{动画}选择【逐渐】,{时间}为“4500”毫秒;

2、为每个圆形的【隐藏时】事件添加“用例1”,设置第1个动作为【设置尺寸】于“当前元件”(This),{宽度}和{高度}均为“80”,{锚点}选择【中心】;设置第2个动作为【显示】 “当前元件”(This);

  • 事件交互设置:(图6-32)

6-32

3、为每个圆形的【载入时】事件添加“用例1”,设置第1个动作为【等待】一定的时间;因为三个圆形是依次放大,所以{等待时间}分别设置为“500”、“2000”和“3500”毫秒;设置第2个动作为【显示】 “当前元件”(This)。

  • 事件交互设置:(图6-33)

6-33


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,全新的套路,经典的姿势,更舒爽,更润滑,更紧致,更销魂,想体验这种欲罢不能的学习感觉?快从下面进入!

《AxureRP 8 入门与实战 - 入门篇》------从零入门的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » AxureRP8实战手册-案例89(中心点逐渐放大效果)

喜欢 (52)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(28)个小伙伴在吐槽
  1. 失败了。。。 ➡
    SKY2016-07-21 10:55 回复
  2. 写的好笼统呀,给三个背景的添加的载入案例,顺序也没说清楚
    黄瓜队长2016-07-23 11:33 回复
  3. 成功 :mrgreen:
    心雨2016-07-25 10:02 回复
  4. 成功了~
    几万人2016-07-26 11:17 回复
  5. 很简单,首先三个矩形改成圆形,命名1、2、3,其中xy坐标,宽和高都一样(作者设置为80*80),三个圆形都隐藏,拖入图片覆盖圆形,再依次给每个圆形赋予三种事件,圆形的切换可以直接在页面的右下概览里面切换。
    kizgel2016-07-26 16:46 回复
    • 小楼老师写的很清楚了 不过一直没弄出来 看了你的评论发现自己错在哪 瞬间弄出来了 好开心 如果可以一起学习AXURE加个好友呗 2804204357
      May2016-07-27 14:21 回复
    • 怎么叫?隐藏??? 不是直接放在下面层就可以?
      lee2016-09-09 13:05 回复
    • 非常感谢,成功了~
      薛大头2016-10-31 10:26 回复
    • 感谢,原来是没有设置隐藏所以不生效
      我爱甜菜2016-12-20 14:13 回复
  6. 设置了颜色放大没有颜色怎么弄
    2016-08-04 15:44 回复
    • 圆的填充色和背景色不要一样。
      阿花2016-09-02 09:47 回复
  7. 没毛病 一次搞定!!
    小情兽丶2016-08-15 16:47 回复
  8. 成功了,但如何重复涟漪,只能一次而已,还要设置哪
    heavenking2016-08-25 17:18 回复
  9. 我按照步骤来没反应,不知道为啥
    荆棘鸟2016-09-08 09:26 回复
  10. 圆形是在动态面板里吗
    lee2016-09-09 11:52 回复
  11. 一模一样的操作,就是不动
    lee2016-09-09 11:53 回复
    • 我也是,是8的版本有问题吗
      灰灰2016-09-09 15:32 回复
      • me tooooooo
        七只鹿2016-09-10 15:02 回复
    • 我也不动
      啦啦2016-10-09 11:15 回复
  12. 成功了,一定要设为隐藏才会动,O(∩_∩)O哈哈~ 😈
    Crystal2016-09-20 16:15 回复
  13. 一模一样的操作,就是不动啊
    leehd2016-09-28 18:55 回复
  14. 直接就做出来了,不过为什么是自动扩展呢,怎么能是点一下才会出现波浪呢
    GALA2016-10-09 10:44 回复
  15. 没弄出来,失败了,写的太笼统了,能不能附一个案例源文件在上面呢??
    红雨2016-10-17 10:12 回复
    • 附件一个可供下载的源文件吧,谢谢!
      红雨2016-10-17 10:13 回复
  16. 可以
    丑丑丑丑2016-11-02 17:13 回复
  17. 成功了,想知道怎么通过按钮触发开始循环
    蔚蓝心伤2016-11-09 14:03 回复
  18. 为什么要设置为隐藏才会动起来呢? 😕
    StayReal_Po2016-11-28 15:54 回复