3.QtCreator设计师界面

69 阅读1分钟

1.Layouts布局

image.png.

  1. vertical Layout垂直布局
  2. Horiztal Layout水平布局
  3. Grid Layout网格布局
  4. Form Layout表单布局

2.Spacers弹簧

image.png

  1. Horizontal Spacer横向弹簧
  2. Vertical Spacer竖向弹簧

3.Button按钮

image.png

  1. Push Button按钮
  2. Tool Button按钮
  3. Radio Button单选框
  4. Check Box复选框

4.Item View单元视图(不常用)

作用将数据和显示进行分离

image.png

  1. List View列表视图
  2. Tree View树形视图
  3. Table View表格视图
  4. Column View列视图

5.Item Widgets单元控件(不常用)

image.png

作用做文件管理用到类似于以下

image.png

6.Containers容器(不常用)

作用是容纳控件

image.png

7.Input Widgets

输入的时候会用到

image.png

  1. Combo Box下拉框
  2. Line Edit行编辑
  3. Text Edit文本编辑

8.Display Widgets

显示

image.png

Label标签

9.实现效果

需要两个Label标签,一个Line Edit行编辑,三个Push Button按钮

image.png

10.修改对象名

image.png

11.QLabel

11.1 关系

  1. QLabel继承于QFrame
  2. QFrame继承于QWidget
  3. QWidget继承于QObject

image.png

11.2 QLabel设置坐标

image.png

11.3 QLabel设置大小

固定大小只需要将最大值和最小值设置成一样 image.png

11.4 QLabel设置文本字体和大小

1.直接用font修改 image.png

2.也可以右击改变多信息文本修改 image.png

12.Layouts布局中的Horizontal Layout水平布局

image.png 确定,取消,浏览三个按钮应该水平布局

13.Spacers弹簧中的Horizontal Spacer水平弹簧

image.png 将水平弹簧放在水平布局前面

14.设置间距1比1比1比1

image.png

15.最终界面

image.png