<
>

Axure教程:上下滚动效果制作步骤详解

2017-10-26 20:20:44 来源:易采站长用户投稿 作者:人人都是产品经理

  明天去给各人讲讲怎样用Axure真现高低转动结果。

  

 

  怎样真现高低转动结果:

  让内容正在显现地区转动;

  内容里板出有打仗到顶部时,让内容里板挪动至顶部;

  内容里板打仗到顶部,出有打仗到底部时,把内容里板的底部定位到底部元件地位。

  

 

  1、所需元件

  尾先,我们需求筹办以下元件:

  2个矩形(300*30,别离定名为“顶部”、“底部”),静态里板(300*400,定名为“显现地区”)。

  

 

  面击【显现地区】,正在此里板的形态1中,增加一个静态里板(300*750)。

  

 

  

 

  2、挖充“内容”里板

  单击内容里板中的形态1,挖充一些元素,便利检察转动结果。

  

 

  3、增加变乱

  (1)让内容正在显现地区转动。即,让内容里板中的内容,正在显现地区里板的地区中转动展现。

  选中【显现地区】里板,增加【拖动时】用例,增加【挪动】行动,勾选【内容】里板,挪动方法为【垂曲挪动】,面击肯定。

  

 

  (2)当内容里板出有打仗到顶部时,让内容里板挪动至顶部。

  ① 先编纂前提,内容里板已打仗到顶部。

  选中【显现地区】里板,增加【拖动完毕时】用例,【增加前提】。前提编纂以下图:

  

 

  ②让内容里板挪动至顶部。

  增加【挪动】行动,勾选【内容】里板,挪动【抵达】至【0,0】。

  

 

  (3)内容里板打仗到顶部,出有打仗到底部时,把内容里板的底部定位到底部元件地位。

  ①先编纂前提,内容里板打仗到顶部,但已打仗底部。

  选中【显现地区】里板,增加【拖动完毕时】用例,【增加前提】。前提编纂以下图:

  

 

  ②让内容里板挪动至顶部。

  增加【挪动】行动,勾选【内容】里板,挪动【抵达】至【0,-350】,面击肯定。

  -350=400-750(显现地区里板下度-内容里板下度)

  

 

  以上便是用Axure 造做高低转动结果的局部历程,能够面击预览检察一下~

  文件分享:http://pan.百度.com/s/1hsIPfDU

  稀码:15kp

暂时禁止评论

微信扫一扫

易采站长站微信账号