使用Qt Designer创建界面

在博客 在Qt中使用C++代码创建界面
 (地址:http://blog.csdn.net/rl529014/article/details/51345619)中,我讲了如何通过纯C++代码来创建Qt图形界面,

这是传统的GUI程序开发方式,只使用C++代码,C++既负责设计界面,也负责处理业务逻辑。

界面是用户能够直接看到的,称为“前端”;业务逻辑的处理用户看不到,在背后默默进行,称为“后台”。

  • 传统的GUI程序开发不区分前端和后台,统一使用C++代码管理,源文件中既有创建和设置控件的代码,又有处理业务逻辑的代码,非常杂乱。
  • 使用C++代码直接创建控件,不管是从语法上讲还是从代码量上讲,看起来都比较“麻烦”。学过web开发的朋友应该会有体会,网页就是将前端和后台无缝集成的经典例子。
  • 在网页中,我们能看到的各种文字、颜色、图片、布局、按钮、菜单、列表等界面元素都是使用HTML+CSS(专门用来设计界面的声明式语言)创建的,而后台逻辑才需要JavaScript、Python、PHP、Java等编程语言来处理。
  • 现代GUI程序的设计,或许也借鉴了Web开发的思想,可以使用 XML 来设计界面,使用C++来处理后台逻辑,在 Qt 中可以轻而易举的做到前端和后台分离,从而让代码逻辑更加清晰,开发更加高效。

使用Qt Designer

Qt Designer 是与 Qt 配套的界面设计工具,使用它可以轻而易举的拖拽出简单的界面,下面我们就来学习一下。

在博客   在Qt中使用C++代码创建界面”  中讲到了,创建 Qt
Widgets Application 项目的第四步是填写类信息,

如下图所示:

“创建界面”选项默认是被勾选的。

项目创建完成后可以看到,勾选了“创建界面”选项,IDE 会多生成一个mainwindow.ui文件,如下图所示:

双击 mainwindow.ui,就可以进入设计模式,启动 Qt Designer,如下图所示:

再切换回编辑模式,就可以看到 mainwindow.ui 的源代码,如下图所示:

.ui文件是 Qt Designer 的界面设计文件,由 XML 代码构成。Qt Creator 不允许在编辑模式下修改 .ui 文件,只能切换到设计模式由 Qt Designer 自动生成。

XML是一种标记语言(也称声明式语言),由一个一个地节点组成,每个节点还可以包含多个属性,HTML 就是 XML 的一种具体化。

XML 是程序员必备的技能,也很简单,开发中会经常用到,可以不熟练,但要有所了解。

在编辑区看到的界面,仅包含了程序的客户区,没有包含标题栏,所以不会看到最大化、最小化、关闭等常见按钮。

新创建的程序,默认包含了菜单栏、工具栏和状态栏。如下图所示:

大家可以从左侧的控件箱中拖拽几个控件到编辑区的窗口中,亲自测试一下效果。如下图所示:(左侧控件箱中的控件都可以用鼠标拖到编辑区域,)

下图是我拖拽出的一个记事本界面。运行结果为:

时间: 2024-10-14 23:17:50

使用Qt Designer创建界面的相关文章

python在Qt下的界面编程

准备工作 python3.5以上,目前安装为anaconda Qt5.9,安装过程见以前文章 PyQt5.6,通过anaconda更新 示例程序:CRC校验 创建界面 通过qt designer设计界面,一个输入text edit,一个输出text edit,一个按键pushbutton,保存".ui"文件到python工程目录 创建一个python界面的启动脚本mainwin.py,加入以下内容: import sys from PyQt5 import QtCore, QtGui,

把自定义控件集成到Qt Designer中

要想在Qt Designer中使用自定义控件,必须要使Qt Designer能够知道我们的自定义控件的存在.有两种方法可以把新自定义控件的信息通知给Qt Designer:“升级(promotion)”法和插件法. 升级法最为简便快捷.顾名思义,升级法就是把Qt自有的控件进行升级改造一番.选一个Qt自有的控件,如果它和我们新加的自定义控件有着相似的API,那么只要在Qt Designer的对话框里面完成有关新控件的信息就一切大吉,新控件就可以用在Qt Designer创建的form中.但是在编辑

自定义的插件如何加载到Qt Designer中(详细)

要想在Qt Designer中使用自定义控件,必须要使Qt Designer能够知道我们的自定义控件的存在.有两种方法可以把新自定义控件的信息通知给Qt Designer:“升级(promotion)”法和插件法.升级法最为简便快捷.顾名思义,升级法就是把Qt自有的控件进行升级改造一番.选一个Qt自有的控件,如果它和我们新加的自定义控件有着相似的 API,那么只要在Qt Designer的对话框里面完成有关新控件的信息就一切大吉,新控件就可以用在Qt Designer创建的form中.但是在编辑

编写Qt Designer自定义控件(一)——如何创建并使用Qt自定义控件

在使用Qt Designer设计窗体界面时,我们可以使用Widget Box里的窗体控件非常方便的绘制界面,比如拖进去一个按钮,一个文本编辑器等.虽然Qt Designer里的控件可以满足我们大部分的需求,但是有时候,也会产生一些特殊的需要,比如一个输入框,我们要输入的是经纬度,此时就会有两种输入方式,一种是小数形式,一种是度分秒的形式,此时只使用一个简单的LineEdit是无法满足需求的.我们设想构造这样一个输入控件,它可以支持浮点数输入,同时它还具有一个属性,更改这个属性可以使其切换为经纬度

python+QT designer 做图形化界面EXE程序

1.安装python 2.安装QT designer 或QT creator 3.打开QT designer 绘制你想要的图形化界面 类似这样 之后将文件保存,以ui后缀形式保存 4.下载安装pyside 直接easy_install 或pip安装 可能会保存,我安装的时候,提示 msvc 版本问题 查看许多国外论坛后,可以选择,pyside网站下载 对应Python版本的 whl安装包,下载成功之后,进入对应目录路径,直接 pip install  *.whl    *为包名 安装成功 5.将

在Qt中使用C++代码创建界面

Qt 支持两种创建界面的方式: 一种是使用C++代码,Qt 自诞生以来就支持: 一种是使用 QML,可以创建个性化的界面: Qt 提供了多种工程类型,选择不同的工程类型将导致使用不同的方式来创建界面. 首次打开Qt,会出现欢迎界面,点击New Project按钮,或者在菜单栏点击文件,然后选择新建文件或项目, 都会弹出向导对话框,如下图所示:(不同的Qt编译器版本,界面可能会有所差别) Qt Widgets Application和Qt Console Application工程将会使用C++代

pyqt5通过qt designer 设计方式连接多个UI图形界面

当我们通过pyqt开发时,eric6为我们提供了一个方便的工具:图形化的绘制UI工具--qtdesigner.我们可以通过它开发多个UI,然后利用信号-槽工具,将功能代码附着在上面.也可以将多个界面连接起来.接下来,我要提供将多个UI链接起来的思路.一:讲解:qtdesigner自动生成的代码是怎样运行的:(一)组成qtdesinger自动生成的代码为一个对象和对象启动命令,(如何将.ui文件生成.py文件查看:https://blog.csdn.net/qq_37193537/article/

qt利用QT designer构建第一个界面helloworld工程

第一步:点击New Project   第二步:选择Qt Widgets 第三步:项目名称和保存路径   第四步:一直点击下一步   第五步:点击编译执行就能出现第界面框了. 选择widget应用,就会出现下面的“界面文件”,通过他可以快速地建立按钮,滚动条等等. 这个界面是什么都没有的 第六步:双击红框处,会出现界面设计(这就是QT designer)   第七步:拖动一个 Push Button到框中,再拖动一个label到框中 这两样东西在左边栏找    找 这时候把 label(就是那个

QT Designer基础——登录界面设计基础版2

认识QT Designer提供的可选控件:以下八个大类 Layouts:布局相关 Spacers:留空 Buttons:可点击的按钮类 Item Views和 Item Widgets:高级控件,例如一些列表显式 Containers:高级控件,承载类控件,该类控件中可以存放其他控件 Input Widgets\Display Widgets:输入可显式相关的控件 坐标原点以及控件坐标点的标记位置: 坐标原点如下图所示,可以设置不同的控件的坐标值来实现位置定位,以及控件对其,比如竖直排列对其,那