Axure怎么制作固定组件框内的上下拖动效果

 时间:2024-10-24 23:16:37

小伙伴们在Axure制作原型交互时,如果想展示在固定页面长度下进行内容拖动效果,就来看看这篇经验吧

工具/原料

戴尔5402

Windows11

Axure9.0

方法/步骤

1、首先,准备需要滚动的内容,并右键转化为动态面板。这里小编以一张图+文本介绍的形式演示。

Axure怎么制作固定组件框内的上下拖动效果

2、调整动态面板长度,调整为需要初始可见的高度。

Axure怎么制作固定组件框内的上下拖动效果

3、双击进入动态面板,全选,再次右键转化为动态面板,并设置标题为1

Axure怎么制作固定组件框内的上下拖动效果

4、记驽怛判涮住设置标题的动态面板高度,并关闭动态面板,设置最外层(即调整过高度的面板)交互。小编这里内部高度为603

Axure怎么制作固定组件框内的上下拖动效果

5、选择最外层动态面板,僳芹盼猹交互-->新建交互-->拖动时-->移动-->选择命名为1的动态面板

Axure怎么制作固定组件框内的上下拖动效果

Axure怎么制作固定组件框内的上下拖动效果

Axure怎么制作固定组件框内的上下拖动效果

6、移动选择:跟随垂直移动;添加两个边界:1)顶部≥外部声矜檠鹣面板高度-内部面板高度,计算结果为负。(小编为208-603)2)底部≤内部面板高度(小编为603)完成交互的创建。

Axure怎么制作固定组件框内的上下拖动效果

7、最后来看看效果吧~

Axure怎么制作固定组件框内的上下拖动效果

Axure 8.0中怎么制作手机上下滑动效果 Axure rp如何制作交互效果? Axure设置文本值教程 AxureRP如何将矩形转换为圆形 墨刀怎样添加页面
热门搜索
欲蛇电影 图片变大 北京园博园图片 关羽脸谱图片 愤怒的小鸟图片大全