qt 背景和控件布局_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中使用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和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 ...

随机推荐

python 操作mongodb数据库模糊查询

# -*- coding: utf-8 -*-import pymongoimport refrom pymongo import MongoClient #创建连接#10.20.66.106clie ...

ELK学习笔记(二)-HelloWorld实例+Kibana介绍

这次我们通过一个最简单的HelloWolrd来了解一下ELK的使用. 进入logstash的config目录,创建stdin.conf 文件. input{ stdin{ } } output{ st ...

linux下磁盘存储空间不足

把自己平时遇到的问题分享给大家 Question:linux系统Ubuntu下面有一个Trash,当我们删除文件后,清空Trash,过一段时间发现磁盘空间不足 Answer:其实我们并没有真正的删除文 ...

(87)Wangdao.com第二十天_JavaScript document 节点对象

document 节点对象, 代表整个文档,每张网页都有自己的 document 对象. window.document 当浏览器开始加载文档时就存在了 正常的网页使用 document 或者 win ...

Spring Boot程序的执行流程

Spring Boot的执行流程如下图所示:(图片来源于网络) 上图为SpringBoot启动结构图,我们发现启动流程主要分为三个部分,第一部分进行SpringApplication的初始化模块,配置 ...

服务器多站点多域名HTTPS实现

假设有这样一个场景,我们有多个站点(例如site1.marei.com,site2.marei.com和site3.marei.com)绑定到同一个IP:PORT,并区分不同的主机头.我们为每一个SS ...

使用uwsgi部署Django应用

一.打包Django应用 1.创建setup.py文件 from setuptools import setup import glob setup(name='blog', version='1.0 ...

Rpgmakermv(24 )yep_coreengine

==左部为原文,右边我做了简要翻译=================================== Introduction and Instructions ================= ...

nginx启用php

1. php下载https://secure.php.net/downloads.php搜索china镜像站点,从这里下载http://cn2.php.net/get/php-7.2.3.tar.gz ...

python 和 matlab的caffe读数据细节

(1).prototxt中的输入表示一样,如 dim: 10 dim: 3 dim: 227 dim: 227 (2)代码喂入数据不一样: python:     input_blob = np.ze ...

已标记关键词 清除标记
表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
<p> <span>要想成为高级程序员,<span>必须精通</span>C++。大量第三方开源库使用C++编写。开发移动应用的一些核心功能必须使用C C++。Qt是大公司大量使用的跨平台c++库,号称工具软件之王。Qt作为一个如此高效,跨平台的GUI开发框架,如何快速掌握其精髓?写出高质量,复杂的交互?这是困扰很多高级开发人员,很头疼的一个问题。在这个课程,我们会给出非常好的答案。<br /> </span> </p> <p> <span>为什么很多同学学了很多年编程,看了很多书,教程,还是不会写,只能在网络上copy代码?或者自己没有动手能力,遇到稍微复杂的东西就束手无策?为什么那些高效率学习的人,能在三五天内掌握Qt,并开始写软件,做项目?一个类似Qt这样的开发框架,几千个API,如何学习?为什么我们同学学习了一两年Qt C++还糊里糊涂,有的人只需要几天时间就掌握Qt的精髓?<br /> 通过这个系列课程的学习,让学员深入理解一套GUI开发框架,编程思想。并将这套思想应用到任何平台的开发,例如iOS,Android。 </span> </p> <p> <span>理解这套编程思想,日后可以运用于快速学习任何一套新的东西,框架。</span> </p> 通过这一系列课程的训练,希望大家能达到无招胜有招的境界。达到以后遇到任何客户端软件,拍着胸脯说,我闭着眼睛都能写出来的境界。<br /> <br /> <br /> <br /> <br />
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页