QT 中怎样使得控件与 界面等比例变化
转自:https://github.com/exoticknight/blog-post/blob/master/python-with-Qt-application-development/python%20%C3%97%20Qt%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%20%C2%B7%202%20--%20%E7%95%8C%E9%9D%A2%E5%88%9D%E6%AD%A5%E8%AE%BE%E8%AE%A1.md
之前的一篇可以算是前置知识的快速介绍。从这篇开始就是正式地编写应用了。
为了兼顾举举例子和真实性,选了这么一个应用:PQ笔记。基本的功能如下:
- 笔记支持富文本粘贴
- 按文件夹分类笔记
画出大概的样子
先来一个大概的设计图。
就是一个规规矩矩的三栏布局,左边是笔记本的目录树,中间是文档列表,右边是文档内容。这个只是现阶段的大概构思,最终做出来不一定是这样的,有可能在一些细节上会有所更改,但是整体界面几乎都可以定下来了。
打开ui_mainwindow.ui
,从Containers
里拉出三个Widget
,分别命名为widgetLeft
、widgetMiddle
和widgetRight
。这就是左中右三栏的容器。
在左边栏中拖入一个pushButton
和一个treeView
,分别对应设计图上的两个控件。注意,如果拖放位置正确(也就是QtDesigner知道你要将控件放进左边栏里面),你会看到左边栏widgetLeft
会变暗了。
对着左边栏空白处点击右键,依次选择布局
-> 垂直布局
。
可以看到控件非常听话地从上到下排列好了。这里为widget中的控件快速设定了一个布局,相当于告诉widget中的控件该如何显示自己。
注意,这个"布局"并不是widget中的属性,而是独立的另一个类QLayout
及其子类的实例。在对象查看器中点选widgetLeft
后在下面的属性编辑器中可以看到有一栏Layout
,这个才是控件们服服帖帖的原因。只不过,当为一个widget
选择了布局之后,QtDesigner自动给这个widget增加了一个布局,然后将widget里面的子控件加入到布局中,于是子控件们都知道应该如何显示了。
同理,在中间控件widgetMiddle
中放入一个LineEdit
和一个ListView
,在右边控件widgetRight
中放入TextEdit
,并且设置好布局。
现在使用快捷键Ctrl + r
预览,发现拉伸窗口的时候,里面的三栏控件没有任何反应,这可不是想要的效果。
注意整个窗口其实也是一个widget,同样需要为其设置布局。
再预览,出现一个新问题:三个栏不能各自调整大小。
要实现这个功能需要另外一种布局管理,分裂器(QSplitter)。分裂器允许元素调整各自的大小。
先打破布局。
按着ctrl选择三个分栏widget,注意是分栏widget,再在其中一个widget的空白处点击右键,在布局中可以看到有使用分裂器水平布局
。
最后为窗口应用垂直布局就可以了。预览的时候当鼠标移动到分栏控件之间会发现可以调整大小了,同时调整窗口也能影响到三个分栏的大小。
从实际来说,调整窗口的大小的时候,更多是希望调整右边栏即文档显示栏的大小。
QSplitter还能设置一些细节。
找到QSplitter
的属性:
- orientation,控件排列方向,水平还是垂直
- opaqueResize,是否实时显示调整
- handleWidth,调整条的宽度
- childrenCollapsible,控件调整成过小时是否会隐藏
似乎没有什么可以用的。
然而,问题的解决方法却不在QSplitter
上,而在其子组件上。
实际上,几乎所有的widget,都有一个sizePolicy
的属性,而在此属性中,有子属性Horizontal Stretch
和Vertical Stretch
,对应中文水平伸展
和垂直伸展
,决定水平和垂直的缩放比例。
在属性编辑器中,可以看到水平伸展
的值默认为0,也就是左栏:中栏:右栏 = 0:0:0,现在将右栏的水平伸展
值设为1,也就是左栏:中栏:右栏 = 0:0:1。
预览一下,效果就出来了。
原理应该是这样的,在窗口缩放的时候,默认的配置是 0:0:0,表示变化被平均分配到两个组件上了。而修改后子组件们根据已经设定好的比例 0:0:1,所有的因窗口缩放而引起的大小变化全部被分配到文档编辑组件上了。
布局管理(Layout Management)
布局可以在Widget Box
里面看到,提供的有四个布局:
- Vertical Layout
- Horizontal Layout
- Grid Layout
- Form Layout
分别是垂直布局、水平布局、网格布局和表单布局。当然还有另外的自动布局,但是这四个基本能满足普通需要。
垂直/水平布局不用解释了。网格布局是类似表格,一个控件占据一个单元格位置;表单布局是类似平常表单,从上到下排成多行,每行分两栏,左边放标签控件,右边放输入框控件。
菜单
在新建一个窗体的时候,QtDesigner就已经为窗体添加上了QMenuBar
,在窗体的标题栏下面可以看到一个经典的菜单栏,上面有在这里输入
字样。只要双击并填上你希望显示的菜单名字,QtDesigner会自动生成一个菜单,在下拉列表上继续双击在这里输入
将会自动生成QAction
。QAction
才是真正代表着菜单里的某个动作。
在下拉菜单里面,还能看到一个添加分隔符
,是添加一个分割线的意思。当生成了一个QAction
之后,可以看到右边有一个类似加号的图标,是将当前QAction
转化为QMenu
的意思,换句话说可以生成子级菜单。子级菜单的操作跟上面描述的菜单操作一模一样。
另外给各个action对象修改好名字,以供日后调用。
QT 中怎样使得控件与 界面等比例变化的更多相关文章
- 在Qt中使用ActiveX控件
Qt的windows商业版本提供了ActiveQt这个framework,使用这个组件我们可以在Qt中使用ActiveX控件,并且也开发基于Qt的ActiveX控件.ActiveQt包含了两个组件QA ...
- Qt中使用ActiveX控件
(转自:http://blog.csdn.net/tingsking18/article/details/5403038) 在Qt中使用ActiveX控件 Qt的windows商业版本提供了Activ ...
- QT中给各控件增加背景图片(可缩放可旋转)的几种方法
http://blog.csdn.net/liukang325/article/details/44832397 1. 给QPushButton 增加背景图片:背景图片可根据Button大小自由缩放. ...
- Qt实现表格树控件-支持多级表头
目录 一.概述 二.效果展示 三.实现方式 四.多级表头 1.数据源 2.表格 3.QStyledItemDelegate绘制代理 五.测试代码 六.相关文章 原文链接:Qt实现表格树控件-支持多级表 ...
- 在DevExpress程序中使用SplashScreenManager控件实现启动闪屏和等待信息窗口
在我很早的WInform随笔<WinForm界面开发之"SplashScreen控件">有介绍如何使用闪屏的处理操作,不过那种是普通WInform和DevExpress ...
- 结合ItemsControl在Canvas中动态添加控件的最MVVM的方式
今天很开心的收获: ItemsControl 中 ItemsPanel的重定义和 ItemContainerStyle 以及 ItemTemplate 三者的巧妙结合,在后台代码不实例化任何控件的前提 ...
- 关于WinForm引用WPF窗体---在Winform窗体中使用WPF控件
项目中有个界面展示用WPF实现起来比较简单,并且能提供更酷炫的效果,但是在WinForm中使用WPF窗体出现了问题,在网上找了一下有些人说Winform不能引用WPF的窗体,我就很纳闷,Win32都能 ...
- C#里WinForm开发中如何实现控件随窗体大小的改变而自动适应其改变(转)
在设计可供用户调整大小的窗体时,如何实现该窗体上的控件也应能正确地随窗体的改变而自动调整大小并且能重新定位?此时就要借助控件的.Anchor属性.Anchor属性定义控件的定位点位置.当控件锚定到某个 ...
- Android中通过WebView控件实现与JavaScript方法相互调用的地图应用
在Android中通过WebView控件,可以实现要加载的页面与Android方法相互调用,我们要实现WebView中的addJavascriptInterface方法,这样html才能调用andro ...
随机推荐
- 51nod 1275 连续子段的差异(twopointer+单调队列)
对于每一个i找到最近的j满足最大值-最小值>K,对答案的贡献为j-i,用单调队列维护最值即可 #include<iostream> #include<cstdlib> # ...
- SRM13 T3 花六游鸟小(结论题)
哇这题是真的喵,HR智商太高辣 这题的难点就是看了题解之后怎么证明题解里的结论... 结论①:深度大于logm的点肯定能达到最大值 证明:显然一个西瓜的属性里0数量一半1数量一半我们取到的1数量最少, ...
- eclipse里配置Android ndk环境,用eclipse编译.so文件
做Android NDK开发时,c代码需要用ndk-build来进行编译,而java代码则需要用Android sdk编译. 编译c代码有两种方法: 一.写好c代码后,然后用cygwin搭建ndk-b ...
- JavaScript中的valueOf与toString方法
基本上,所有JS数据类型都拥有valueOf和toString这两个方法,null除外.它们俩解决javascript值运算与显示的问题. JavaScript 的 valueOf() 方法 valu ...
- 软银开放Pepper开发,给机器人写安卓App是怎样一种体验?
日本软银推出的Pepper智能机器人 新浪科技讯 北京时间5月19日下午消息,谷歌Android移动操作系统的触角正在不断扩大,从今天开始,开发者可以为日本电信公司软银的Pepper人形机器人设计An ...
- ACE前摄器Proactor模式
转载于:http://www.cnblogs.com/TianFang/archive/2006/12/31/608952.html 当 OS 平台支持异步操作时,一种高效而方便的实现高性能 Web ...
- maven的tomcat插件如何进行debug调试
利用maven来部署工程时,一般采用的是tomcat插件,使项目在tomcat上面运行,那么这个debug调试是如何进行呢? 我们在调试的时候问题: 会提示找不到资源,那么如何进行修改呢,方法两个: ...
- C#中static void Main(string[] args)的含义
static:是将main方法声明为静态的. void:说明main方法不会返回任何内容. String[]args:这是用来接收命令行传入的参数,String[]是声明args是可以存储字符串数组. ...
- Java设计模式の单例模式
-------------------------------------------------- 目录 1.定义 2.常见的集中单例实现 a.饿汉式,线程安全 但效率比较低 b.单例模式的实现:饱 ...
- 查看mysql binlog日志
1.使用show binlog events a.获取binlog文件列表 mysql> show binary logs; +------------------+-----------+ | ...