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中的控件该如何