在制作系统原型的时候,经常我们会在系统的首页放置一些滚动新闻,提示系统的一些内容信息,所以本文将介绍如何利用Axure 工具实现首页滚动新闻的效果。
方法/步骤
-
1
正常打开Axure RP工具,在工具中新建一个页面,命名为“滚动新闻”,如下图所示。
-
2
双击“滚动新闻”页面,在页面的空白区域处,从元件库中拖动一个动态面板,根据展示的内容大小设置动态面板的高度和宽度,如下图所示。
-
3
为了演示效果,在动态面板中加入三个状态,每个状态的内容请根据自己的业务内容进行填充,如下图1和图2所示。
-
4
双击回到“滚动新闻”页面,选中动态面板,然后在右侧的属性交互中找到事件“载入时”,如下图中标红所示。
-
5
双击“载入时”,在弹出的对话框中找到“设置动态面板”,单击“设置动态面板”,如下图标红所示。
-
6
在右侧的“配置动作”中,勾选上当前元件,在“选中状态”中,下拉找到“Next”,如下图所示。
-
7
这一步是关键所在,选中状态为“next”后,会出现设置时间间隔的选项,还可以设置进入和退出动画的效果,设置多长时间响应该事件,如下截图所示的效果只是一个示例,请先按照我截图中的配置进行设置。
-
8
这时候预览效果,就可以看到滚动新闻出现的效果。在熟悉这个配置之后,就可以根据自己项目的业务需求,修改配置了,比如进入动画,时间设置500毫秒,太短,页面内容来不及看,这时候可以修改这个时间为2000毫秒等。进入动画的效果也可以设置成向下滑动的,如下截图所示。
END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部
文章评论