设为首页收藏本站
开启辅助访问

Qt Designer简介

 您所在的位置：网站首页 › designer中文意思 › Qt Designer简介

Qt Designer简介

2024-01-20 17:08| 来源: 网络整理| 查看: 265

来源

http://www.python3.vip/tut/py/gui/qt_03/

回顾

在前面的程序中，我们学习了怎么样用程序来把QT程序界面的 一个个窗口、控件创建出来

问题分析

QT程序界面的 一个个窗口、控件，就是像上面那样用相应的代码创建出来的。

但是，把你的脑海里的界面，用代码直接写出来，是有些困难的。

很多时候，运行时呈现的样子，不是我们要的。我们经常还要修改代码调整界面上控件的位置，再运行预览。反复多次这样操作。

可是这样，真的…太麻烦了。

其实，我们可以用QT界面生成器 Qt Designer（界面设计师） ，拖拖拽拽就可以直观的创建出程序大体的界面。

Qt Designer（界面设计师） 怎么运行这个工具呢？ pyside2

它的路径是

D:\Python\Installation\Scripts\pyside2-designer.exe

在这里插入图片描述

pyqt5

它的路径是

D:\Python\Installation\Scripts\pyqt5designer.exe

在这里插入图片描述

初步运行pyside2-designer.exe

在这里插入图片描述 然后就出现了下面的这个界面 在这里插入图片描述

因为，我现在使用的操作系统是中文的操作系统，所以这个程序是已经汉化过了的。

怎么样使用Qt Designer来创建一个程序的界面 初始化一个图形界面

首先，你需要创建一个顶层的 其实，我们的程序在启动的时候就会新建一个 启动的时候，会弹出一个【新建窗体】的对话框 在这里插入图片描述 我们可以在这里面选择顶层的窗口是一个什么类型

在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

刚才我们选择是【Main Window】，所以这个界面是有一个菜单栏的 现在我们的这个程序的界面是不需要菜单栏的，所以还是重建一个

在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 这种情况下就没有菜单栏这个位置了

在这里插入图片描述

编辑框

在这里插入图片描述 在这里插入图片描述 选中，拖动即可将这个控件移到我们的图形界面上来

在这里插入图片描述

我们可以对这个纯文本编辑框进行很多操作： 选中纯文本编辑框，改变它的大小、位置 右键还有更多的选项 在这里插入图片描述

按钮

在这里插入图片描述

1.0版

这样的话，我们就是将界面的大体的形状定义出来了 在这里插入图片描述

设置控件的属性 按钮

1.按钮的名字 选中按钮控件，双击即可修改按钮的名字 在这里插入图片描述

编辑框

1.编辑框的输入提示 在这里插入图片描述 这个输入提示其实是属于Placeholder的一种文本 在这里插入图片描述 首先，我们应该如何设置控件的属性呢？ 在这里插入图片描述

那我们应该如何设置它的一个和Placeholder有关的属性呢？

在这里插入图片描述

设置控件对象的名字

也就是我们在实例化对象时对创建对象的命名 在这里插入图片描述

因为我们的程序在访问里面的控件时，是根据对象的名字来访问的 在这里插入图片描述 在这里插入图片描述

这样修改之后，我们的程序就可以通过textEdit和button来访问到这个控件

标题栏

这里是引用 在这里插入图片描述

我们应该如何修改程序的标题栏呢？

在这里插入图片描述

预览

虽然已经大致创建好了，但是还是和我们实际运行时是有一些差别的，比如说

这里是引用

【窗体】【预览】（快捷键【Ctrl+R】） 然后就可以看见实际运行时的效果了

在这里插入图片描述

保存

在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 这样就保存成功了 在这里插入图片描述

建议

新建一个文件夹，将所有的ui界面文件都保存在一起文件名的话，最好是起到什么功能的就起什么样的名字

在这里插入图片描述

文件stats.ui的具体介绍

以【记事本】方式打开stats.ui文件 在这里插入图片描述

Form 0 0 747 594 薪资统计 40 50 641 381 请输入薪资信息 310 480 93 28 统计

其实它就是xml格式的文件

它把你的界面上的元素全部定义在文件中了

它不是将你的界面定义存成一张图片，而是保存为一个xml的定义文件中

在下一次打开Qt Designer的时候，我们可以打开我们设计并保存的ui文件

打开我们设计并保存的ui文件

在这里插入图片描述 选择要打开文件的路径和要打开的文件 在这里插入图片描述 这就是ui文件打开之后的结果 在这里插入图片描述

完结

这个就是通过 Qt Designer 来设计一个程序的界面



【本文地址】


今日新闻

推荐新闻

CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3