axure怎么添加滚动条

axure怎么添加滚动条,第1张

axure添加滚动条步骤如下:

1、第一步,新建一个“垂直线”,命名为“滚动条”,这里设置为“隐藏”状态;“动态面板”命名为“框架”;“动态面板”的state1内容组合下,命名为"内容"。

2、第二步,设置“滚动条”的“载入时”的交互动作:设置“滚动条”的大小。

3、第三步,设置“元件:框架”为局部变量LVAR1;设置“元件:内容”为局部变量LVAR2;所以“滚动条”的高为[[LVAR1.height*LVAR1.height/LVAR2.height]];设置“滚动条”的宽为3。

4、第四步,设置“框架”的“滚动时”的交互动作。

5、第五步,动作1:显示“滚动条”,动画:逐渐,时间:200毫秒。

6、第六步,动作2:移动“滚动条”,到达指定位置,动画:线性,时间:200毫秒。

7、第七步,设置“元件:滚动条”为局部变量LVAR1;所以X的值为[[LVAR1.x]];

8、第八步,设置“元件:框架”为局部变量LVAR1;设置“元件:内容”为局部变量LVAR2;所以Y的值为[[LVAR1.y+This.scrollY*LVAR1.height/LVAR2.height]];滚动的时候,显示滚动条;页面内容滚动式,滚动条随着下移;鼠标移出后,滚动条逐渐消失。

这样就设置好了滚动条。

把表格数据放在动态面板中,那么,动态面板显示你想要的大小。在动态面板的状态中你的表格数据超出范围没有关系,右键动态面板,有显示垂直和水平滚动条的选项,然后生成预览,就可以了,完全手打啊,希望可以帮助到你!

拉一个屏幕大小的动态模板a,当做屏幕显示的区域;

双击a编辑,在a里面拉一个白色的底,宽和a一样,高随便,可以无限高,然后在白色底上面放上你的内容;

回到a,右键a-滚动条-显示垂直滚动条,预览,ok。

上面的方法会显示一条滚动条,不是很美观,可以:

拉一个屏幕大小的动态模板a,当做屏幕显示的区域;

双击a编辑,在a里面拉一个跟a一样大的动态面板b;

双击b编辑;

在b里面拉一个白色的底,宽和b一样,高随便,可以无限高,然后在白色底上面放上你的内容;

右键b-滚动条-显示垂直滚动条,调整b的宽度,直至滚动条超过面板a的那条边界,这样b的滚动条就会超过a的显示区域,就看不到啦!

预览~


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11732577.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存