您当前的位置:首页 > 科技 > IT届

Axure教程:左侧导航如何自适应浏览器窗口高度?

2020-09-16 16:02:41 来源:  作者: 游戏资讯
摘要:导读:自顺应阅读器窗口高度的意义是,阅读器宽度、高度差别时,就表现前提婚配的视图页面内容。本文作者分享了用Axure完成左边导航自顺应阅读器窗口高度的适用办法,但愿对于大师

导读:自顺应阅读器窗口高度的意义是,阅读器宽度、高度差别时,就表现前提婚配的视图页面内容。本文作者分享了用Axure完成左边导航自顺应阅读器窗口高度的适用办法,但愿对于大师有所协助。

上一篇Axure教程《Axure教程:导航栏若何自顺应阅读器窗口宽度?》,小默教给了大师顶部导航若何完成100%宽度,那末就会有同窗要问了,横导游航能100%,那纵导游航也能100%吗?这个成绩问患上颇有深度,这一节就给大师解说一下左边导航栏怎么样完成100%高度的本领。

闲话少说,且看下文。

01

第一步,拖动一个静态面板至页面上,定名为“侧栏”;配置它的x,y均为0,便是左上角对于齐,并置于底层;而后配置静态面板的巨细,宽度必需是实践导航的宽度,高度可随便。

拖动静态面板至页面上,定名为”侧栏“

静态面板置于底层,x,y均为0,巨细为300×170

02

第二步,正在Axure右边东西栏里的“属性”,点击<窗口尺寸改变时>,给以后页增加用例。这回没有是正在静态面板上点击右键挑选100%了,而是要使用到变量。

双击<窗口尺寸改变时>

03

第三步,正在弹出窗口中的“增加举措”列里,找到“配置尺寸”,点击选中;正在“设置装备摆设举措”列,勾选侧栏静态面板。

点击选中”配置尺寸“

勾选侧栏静态面板

04

第四步,重头戏来了,先清空宽以及高的数值,(宽为空或者为300时,透露表现坚持静态面板宽度的原值,便是第一步配置的300;固然也能够修正为其余值,但正在天贵州癫痫病医院生页面中因此修正值为实践宽度的。)而后点击高的,对于高停止变量配置。

清空宽高数值,点击高的fx

05

第五步,接侧重头戏未完,正在弹出窗口中点击<插入变量或函数>,再鄙人拉菜单当选中<窗口>里的,而后点击窗口右下角的<确定>,配置实现。

点击

06

经过后面5步配置,就能够完成的左边导航的100%高度了,但仿佛咱们忘了一点,那便是给静态面板配置布景色彩,这里就没有反复讲了,由于正在上一讲曾经有所说起,如有未学会的同窗,可到B站搜刮默林如此任务室,前往铜仁癫痫病医院进修视频教程。上面附上终极后果图,以完毕本次教程。

终极后果图

作者:默林如此;大众号:默林如此

本文由 @默林如此任务室 原创公布于大家都是产物司理,未经答应,制止转载

题图来自Unsplash,基于CC0和谈。

热门推荐
返回顶部