axure如何页面滑动时广告位上移_Axure设计上下滑动页面原型的具体操作

许多网友还不太了解Axure,也还不了解Axure设计上下滑动页面原型的操作,而下面就分享了Axure设计上下滑动页面原型的操作方法,希望感兴趣的朋友都来共同学习哦。

Axure设计上下滑动页面原型的具体操作

我们需要先打开Axure软件,在当前Page 中拖入一个动态面板,将面板命名为“显示面板”。这个面板对应着可见内容。该例中的可见面板的位置为{97,

77},大小为{300, 450}。

然后点击进入显示面板的 State1。拖动一个动态面板到State1 中,面板命名为“内容面板”。该面板的位置为{0,

0},因为这里要实现的是上下滑动效果,所以宽度与显示面板的一样。高度根据全部显示信息的内容定。进入内容面板的 State1,选择“自动调整为内容尺寸”

接着在内容面板的State1

中添加一个中继器。进入中继器下的矩形框,因为这里想要在中继器中添加图片,所以直接右键,选择转换为图片,双击转换后的框框就可以添加图片了。

内容添加好了,接下来就是添加滑动的事件。选择“拖动时”事件,选择垂直拖动。

最后我们还需要添加约束条件,第二个约束值的计算:-(总的内容高度 - 可见内容高度)

根据上文讲解的Axure设计上下滑动页面原型的具体操作方法,你们是不是都学会了呀!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值