pyqsplitter 保持一个窗口不能拖动_Axure教程：左侧导航如何自适应浏览器窗口高度？...

上一篇Axure教程《Axure教程：导航栏如何自适应浏览器窗口宽度？》，小默教给了大家顶部导航如何实现100%宽度，那么就会有同学要问了，横向导航能100%，那纵向导航也能100%吗？这个问题问得很有深度，这一节就给大家讲解一下左侧导航栏怎样实现100%高度的技巧。

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

这回不使用视频讲解了，这一期小默尝试用文字版来进行讲解，闲话少说，言归正题，且看下文。

1、第一步，拖动一个动态面板至页面上，命名为“侧栏”；设置它的x,y均为0，即是左上角对齐，并置于底层；然后设置动态面板的大小，宽度必须是实际导航的宽度，高度可随意。

拖动动态面板至页面上，命名为”侧栏“

动态面板置于底层，x,y均为0，大小为300x170

2、第二步，在Axure右侧工具栏里的“属性”，点击，给当前页添加用例。这回不是在动态面板上点击右键选择100%了，而是要运用到变量。

双击

3、第三步，在弹出窗口中的“添加动作”列里，找到“设置尺寸”，点击选中；在“配置动作”列，勾选侧栏动态面板。

点击选中”设置尺寸“

勾选侧栏动态面板

4、第四步，重头戏来了，先清空宽和高的数值，(宽为空或为300时，表示保持动态面板宽度的原值，就是第一步设置的300；当然也可以修改为其他值，但在生成页面中是以修改值为实际宽度的。)然后点击高的，对高进行变量设置。

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

5、第五步，接着重头戏未完，在弹出窗口中点击，再在下拉菜单中选中里的，然后点击窗口右下角的，设置完成。

点击

6、通过前面5步设置，就可以实现的左侧导航的100%高度了，但似乎我们忘了一点，那就是给动态面板设置背景颜色，这里就不重复讲了，因为在上一讲已经有所提及，若有未学会的同学，可点击文章开头的链接，前去学习视频教程。下面附上最终效果图，以结束本次教程。

最终效果图

PS：如果认为本教程有用的，请好评加关注哦。更多Axure知识与资源，请关注默林如斯工作室同名公众号，或点击下面的“了解更多”，下一期见。

pyqsplitter 保持一个窗口不能拖动_Axure教程：左侧导航如何自适应浏览器窗口高度？...相关推荐

python win10 捕获弹出窗口_Selenium-webdriver 系列Python教程(6)————如何捕获弹出窗口...
在web自动化测试中点击一个链接然后弹出新窗口是比较司空见惯的事情. webdriver 中处理弹出窗口跟处理 frame 差不多,以下面的 html 代码为例 window.html click m ...
axure变成一个小手了_Axure教程：这几个小技巧你一定要知道
编辑导读:Axure是产品经理在工作中最常用到的软件之一,尽管它的使用范围非常广泛,但是有一些小技巧很多人并不知道.本文作者总结了Axure在使用中的一些小技巧,与你分享. 一.Axure制作页面,当 ...
web前端—前端三剑客之JS(13)：BOM基础、浏览器窗口
菜鸟教程:https://www.runoob.com/js/js-window.html BOM基础 BOM(browser Object Model)是浏览器对象模型.在浏览器中window就是B ...
python获取窗口句柄_Python+selenium 获取浏览器窗口坐标、句柄的方法
1.0 获取浏览器窗口坐标 python目录可找到Webdriver.py 文件定义了get_window_rect()函数,可获取窗口的坐标和大小(长宽),但出现"Command not ...
手机端扣扣浏览器图片居中_实现图片始终居中显示于浏览器窗口中心位置
盒模型在敲代码之前,首先建立一个盒模型,这让写代码的时候变得思路清晰. 本案例中,所要实现的是图片居中显示,超出浏览器窗口部分的图片隐藏.因此,盒模型如图: 图片以浏览器窗口作为定位元素,居中显示. ...
一个不错的shell 脚本教程入门级
一个不错的shell 脚本教程入门级投稿:mdxy-dxy 字体:[增加减小] 类型:转载时间:2011-10-11 我要评论一个很不错的bash脚本编写教程,至少没接触过BASH的也能看懂 ...
最简单的方式实现QML无边框窗口边缘拖动调整大小
前言使用Qt在开发桌面程序时,通常会去除默认的程序边框,从而实现自定义的标题栏.然而当设置窗口属性为Qt.FramelessWindowHint后,窗口的拖动,以及在边缘拖动缩放的功能就没有了,在以 ...
axure没有团队页签_Axure教程：多页签可滚动的选项卡制作
这就是我下面要分享给大家的内容啦: 首先为大家回顾传统选项卡的制作过程,再展示可滚动页签的选项卡制作过程. 一.最常见的传统选项卡最常见的选项卡,一般有三四个页签,分别对应各自页面,通过鼠标点击页签 ...
记录qt窗口在拖动过程中出现的问题
问题描述: 在窗口拖动的过程中刚开始可以流畅的拖动窗口,但是一小会儿之后出现窗口拖不动的现象,或者按下鼠标在拖动区域内可以流畅拖动,但是按下鼠标朝一个方向拖动后,释放鼠标,按照此操作操作几次后,出现窗 ...
VB实现指示窗口中拖动方框的程序
引自:http://dev.21tx.com/2008/11/06/14137.html 在指示窗口中拖动方框的程序如下: '用Form_Load.Map1_AfterLayerDraw.Map1_A ...

pyqsplitter 保持一个窗口不能拖动_Axure教程：左侧导航如何自适应浏览器窗口高度？...

pyqsplitter 保持一个窗口不能拖动_Axure教程：左侧导航如何自适应浏览器窗口高度？...相关推荐

最新文章

热门文章