C++Qt：noteBookPro_01

一、创建项目

选择Qt Widgets

常用的是QWidgets和MainWindow。两者的区别：
QWidgets用于简单的窗口，没有内置的菜单栏、工具栏和状态栏。适用于简单专用的应用程序，不需要复杂的界面组件。
MainWindow是包含完整的菜单栏、工具栏和状态栏的主窗口应用程序框架，适用于更复杂的应用程序，有丰富的功能和交互。
这里选择前者，比较简单的窗口。这样就生成了项目的初试状态。

本篇文章选择从UI设计的角度，完成noteBook的雏形界面。双击Forms下的.ui文件。

二、界面雏形组成

1、打开、保存、关闭按钮

点击Push Button拖住到旁边的区域，在右边的对象中可以改写三个按钮的名字。然后按住Ctrl依次点击三个按钮，将其设置为水平布局。

为了保持三个按钮不会随着框的变化而变化，这里加入弹簧：Horizontal Spacer

设计三个按钮背景色，找到左边Containers的widget拖拽

右键这个方框，选择“改变样式表”，“添加颜色”下拉框选择“background Color”,选择喜欢的颜色。将三个按钮Ctrl一起选中,t拖至背景框。

这时候会发现最右边的类和对象显示，原本单独的背景框的对象，自动移到了三个按钮之上。
这样就完成了第一部分。

2、编辑文本框

拖拽Text Edit

3、底部显示功能标签

也需要设置水平居中，背景色以及合适的位置，和三个按钮一样。

至此，三部分就弄好了。

4 、界面调整

ctrl依次点击三个对象，设置垂直布局。

三个按钮和底部标签高度调整

消除三个部分之间的间隙。layoutSpacing改为0

接下来就是按照需求，调整三部分的最下高度和宽度。

注：

解决布局和窗口同时变化大小的问题。加上这句代码。
这样就不会出现窗口大小变化，而布局不变，留下红色的空白。

加入后，随便拖动，会整体一起变化。

至此，雏形完成。