Axure RP中首页滚动新闻的效果如何实现

2022年10月20日 15点热度 0人点赞

在制作系统原型的时候,经常我们会在系统的首页放置一些滚动新闻,提示系统的一些内容信息,所以本文将介绍如何利用Axure  工具实现首页滚动新闻的效果。

工具/原料

  • Axure RP 8.0

方法/步骤

  1. 1

    正常打开Axure RP工具,在工具中新建一个页面,命名为“滚动新闻”,如下图所示。

  2. 2

    双击“滚动新闻”页面,在页面的空白区域处,从元件库中拖动一个动态面板,根据展示的内容大小设置动态面板的高度和宽度,如下图所示。

  3. 3

    为了演示效果,在动态面板中加入三个状态,每个状态的内容请根据自己的业务内容进行填充,如下图1和图2所示。

  4. 4

    双击回到“滚动新闻”页面,选中动态面板,然后在右侧的属性交互中找到事件“载入时”,如下图中标红所示。

  5. 5

    双击“载入时”,在弹出的对话框中找到“设置动态面板”,单击“设置动态面板”,如下图标红所示。

  6. 6

    在右侧的“配置动作”中,勾选上当前元件,在“选中状态”中,下拉找到“Next”,如下图所示。

  7. 7

    这一步是关键所在,选中状态为“next”后,会出现设置时间间隔的选项,还可以设置进入和退出动画的效果,设置多长时间响应该事件,如下截图所示的效果只是一个示例,请先按照我截图中的配置进行设置。

  8. 8

    这时候预览效果,就可以看到滚动新闻出现的效果。在熟悉这个配置之后,就可以根据自己项目的业务需求,修改配置了,比如进入动画,时间设置500毫秒,太短,页面内容来不及看,这时候可以修改这个时间为2000毫秒等。进入动画的效果也可以设置成向下滑动的,如下截图所示。

    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部

laozhao

这个人很懒,什么都没留下

文章评论