Qt的ui界面操作

article/2025/9/15 3:51:28

界面布局

  • 界面布局的美化:拖拽widget,进行布局:水平布局、垂直布局、栅格布局;以及打破布局等。
  • 默认窗口和控件之间有9像素间隙,可以调整layoutLeftMargin  等属性
  • 若要使得widget大小和控件大小一样大,可以调整widget的sizePolicy 其中的垂直策略等等
  • 使用弹簧 以及弹簧属性调整控件位置
  • 密码的输入模式:可更改echoMode

控件

  • Push Button :将资源文件添加后,可以在icon属性中添加图标
  • Tool Button:常用于显示图片; 在icon属性中添加;设置text后要使Button显示需要更改QToolButton中的toolButtonStyle;透明/凸起效果:autoRaise
  • Radio Button:单选框;可以选择Group Box进行选项分组;要实现初始有默认值一般使用代码来实现
  • Check Box:多选按钮;同样可以放入Group Box中;同样可以设置选项的信号和槽机制,触发打印
  • Item Views (Model-Based):基于数据库模型
  • Item Widget (Item-Based):基于项目
    • List Widget:列表
    • Tree Widget:树控件
    • Table Widget 表格控件
  • 其他常用控件
  • Scroll Area 滚动控件
  • Tool Box  多个页面 QQ
  • Tab Widget 网页
  • Stacked Widget 可对各个控件进行切换
  • Frame:边框
  • Widget:常用来布局
  • Dock Widget:浮动窗口
  • Combo Box:下拉框
  • Font Combo Box:字体下拉框
  • Line Edit:单行输入框;其中的echoMode可以修改其输入模式
  • Text Edit:多行输入;支持字体颜色,倾斜,加粗
  • Plain Text Edit:文本
  • Spin Box:数字上下选择
  • Double Spin Box:双精度数字上下选择
  • Time、Data Edit:时间、日期编辑
  • Horizontal、Vertical Scroll Bar:水平、垂直滚动条;
  • Slider:滑动条  可以配合Spin Box使用,自定义封装
  • Label:显示文字;图片:添加资源文件后,利用 setPixmap(QPixmap());
  • Label:还可以显示动图gif:setMovie(QMovie());  还需要播放动图start();
  • Progess Bar:进度条

自定义控件封装

  • 实现SpinBox域Slider的联动:
    • 添加一个ui新文件:添加->Qt->设计师界面类(.h,.cpp,.ui)
    • 在.ui中设计QSpinBox和QSlider两个控件
    • 要在Widget中使用该控件:拖拽Widget控件,右键-提升为,提升的类名要与之前新建的类名一致,然后点击添加,再点击提升;若提升成功,widget.ui中对象的类名会变成提升后的类名
    • 运行之后在Widget界面有了封装好的控件
    • 实现联动功能:在添加的类的ui文件中设置信号和槽
    • 提供getNum和setNum的对外的接口,直接在widget.cpp中调用
    • 在smallwidget.h和smallwidget.cpp中提供对外接口
  • 了解大概的机制后,可以充分利用帮助文档来协助代码编写,当在一个类中找不到某一方法时,可以到其父类中去找。

http://chatgpt.dhexx.cn/article/rpGi5ook.shtml

相关文章

Qt界面开发(二)

首先给一个福利,学习qtQuick好的github地址。 https://github.com/zhengtianzuo/QtQuickExamples 效果图: 1.计划日历 下载地址:https://download.csdn.net/download/zhangxiaoyu_sy/10436208 2.无边框界面 下载地址:https://download.csdn.net/download/zhangxia…

Qt如何调用建立好的ui界面

在我们刚才学习qt的时候,很多的时候,按照新建立的工程文件,出现一个困扰。就是如何调用额外建立的UI界面。在这里主要是说明这里的面的关键因素。其实学习qt,如果之前有过学过C的同事,那么就学习qt就会很容易上手。因为…

Qt实战案例(13)——Qt的界面外观详细介绍

目录 一、Qt风格1.1 对风格进行预览1.2 风格使用 二、Qt样式表2.1 使用代码设置样式表2.2 在设计模式中设置样式表2.3 Qt样式表的语法2.4 子控件(Sub-Controls)2.5 伪状态(Pseudo-States)2.6 继承2.7 qss2.8 代码示例 三、特殊效果…

Qt-UI 界面工具库简介

一、关于Qt-UI界面工具库 Qt-UI界面工具库是武汉维仕杰科技有限公司基于Qt上进行扩展开发的控件包和界面工具,并且拥有完全自主的知识产权。得益于丰富的界面开发经验和强大的支持团队,使得Qt-UI界面开发工具成为最专业、功能强大的Qt开发工具库。 Qt-…

Qt UI界面美化

关于QSS 除原生界面外,Qt提供了加载配置文件的方式来自定义和美化界面外观,这个配置文件也叫做样式表(QSS:Qt Style Sheets),它的语法与css类似,具体支持属性可参考官方文档。 编写QSS文件 新建一个文件…

【思想落地】一文分享Qt界面的设计与开发

文章目录 一、开篇二、软件界面功能分析三、界面实现(3-1)从界面整体角度规划功能和切片(3-2)顶部时间参数的处理(3-3)左侧/右侧按钮控制区(3-4)中央传感器显示(3-5&…

Qt调用主界面ui

一、适用情景 在其他类中使用主界面ui,this,控件操作等 二、步骤 首先,子类需要包含主界面的头文件和ui_xx.h文件,声明主界面类 然后使用构造函数把主界面的指针传递给子类 子类头文件: #ifndef ONEUI_H #define O…

QT——可视化界面ui

目录 1. 需要文件 2.文件关系及编写 3. 源码 4. 界面的模态与非模态 1. 需要文件 test.cpp test.h test.ui ui_test.h 2.文件关系及编写 test.ui: 可视化界面; test.cpp: 启动可视化界面,及可视化界面的各种相关功能源文件&#x…

QT中界面切换的三种方式

本周学习了QT的使用。QT身为一个图形界面的开发框架,在实际使用时必不可少的一环就是对不同界面的切换。本文中总结了自己练习使用过的三种切换界面的方式。 第一种:哪里进行界面切换就在哪里创建界面。 这种方式也是最容易理解的一种,当我们…

Qt界面开发(三)

这次要给大家分享一些我在github和qtcn(主要是liudianwu大神,Qt界面开发(一)有很多都是他的作品)上找到的比较漂亮且实用Qt界面和控件集合。 -------------------------------------我是分割线------------------------------------- &…

QT界面美化

转自点击打开链接 - 经验总结 1. 可用对话框(QDialog)模拟类似Android中toast的效果。 - 设置程序界面风格 在main函数中 QApplication::setStyle("windows"); QApplication::setStyle("windowsxp"); QApplication::setStyle("…

QT介绍和基本界面构建(QT一)

目录 一、Qt 介绍二、Qt工程1.工程 firstQt.pro2.Qt入口 三、用Qtcreator集成开发环境创建Qt工程代码ui1.创建项目的时候注意的问题2.desgner设计器界面说明 四、纯代码实现Qt工程创建带ui界面编译运行五、基本组件(QLineEidt, QLabel, QPush…

QT 简单的登录界面

一、描述 有登录界面、注册界面,用到sqlite数据库保存账号和密码,界面还没有布局美化等,只实现了最基本的功能。 二、界面及功能介绍 1、登录界面2、注册界面 3、主界面 没想好弄啥功能,于是就弄了两个按钮。 4、文件结构 三、…

(四) 制作一个最简单的qt界面

前面我们学了 (一) 在Windows上搭建Qt环境 (二) Qt新建Android工程 (三) Qt入门篇之C基础 今天我们用Qt制作一个最简单的qt登录界面 一、在PC机上运行 1.QT基础 1.qt的移植性非常强,一套代码我们不用改的太多,直接通用所有的平台,不久的将来&#xff…

【Qt登录界面】

Qt登录界面 文章目录 Qt登录界面前言一、创建项目二、创建数据库及用户表三、登录界面设计四、注册界面设计五、效果图六、参考教程 前言 第一次在这上面写文章,没啥经验,如果有啥不当的地方,请各位大佬批评指正。我刚学Qt不久,结…

QT 简单的QT用户登录界面

简单的QT用户登录界面 一、简单描述 在登录界面输入用户名和密码正确之后才进入欢迎界面。 例子打包:链接: https://pan.baidu.com/s/1HEpNFghMDrBguMt93aRJ_A 提取码: bg4n 二、效果 三、工程文件结构 四、源文件 1、LoginForm02.pro文件 QT widgets guiSOUR…

一文读懂qt界面设计(分裂器,布局,拉伸,各种属性设置)

可以先看看我这个文章:qt关于界面设计中的一些知识总结_我是标同学的博客-CSDN博客_qt 水平伸展 现在我们来正式开始讲解。 布局种类 qt中能称为布局管理器的有如下6个: 水平布局(QHBoxLayout)垂直布局(QVBoxLayout…

Qt界面开发(一)(各种控件以及图表)

注:资源主要来源:http://www.qtcn.org/bbs/u/110085 (刘大神) 如若侵权,请联系删除。 本文只是将作品集合到起来,方便大家一起学习。 资源集合已经放到 链接:https://pan.baidu.com/s/1sVvQE8…

嵌入式学习之QT学习----3 制作简单的QT界面(如:QQ登录界面)

1、创建一个QT工程 new project —> Application —> Qt Widgets Application —> choose…(注意不要有中文路径)填写名称(我写的名称为class2)和创建路径(D:\qt\qt_demo\class2) —> 填写类名…

QT界面布局和设计

一、设计 对功能和模块进行分析,然后设计对应的模块,将每个模块都用widget展示作为组件。工程结构示例:二、完成模块 代码分别设计各个组件,合适即可三、主界面连接 主界面连接各个子模块。在这里插入代码片#include "AutoFl…