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

 时间:2024-10-13 18:10:14

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Axure RP中首页滚动新闻的效果如何实现
  • c4d怎么移动轴?
  • C4D建模总制作小板凳模型效果图
  • Ae怎么做霓虹灯文字?
  • 3Dmax怎么把两个样条线变为一个整体模型
  • C4D如何设置撤销和重做
  • 热门搜索
    什么是什么 mclaren是什么车 什么是意识形态 熙熙攘攘是什么意思 麝香是什么 蜻蜓点水是什么意思 急得什么填词语 什么是方程 妊娠反应什么时候开始 法人是什么意思