Qt5 UI界面设计

最新推荐文章于 2024-08-09 08:35:59 发布
最新推荐文章于 2024-08-09 08:35:59 发布
阅读量3k 收藏 19
点赞数
文章标签： qt 编译器 c++
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41405284/article/details/106606886
版权
本文介绍了如何使用Qt5进行UI界面设计，包括新建项目、控件布局、信号槽函数的使用，以及如何将Qt与Halcon集成。在Qt中，通过拖拽控件创建界面，并关联Slider与SpinBox，实现参数调整。同时，文章讲解了如何处理Tab Widget，添加槽函数，以及Qt中处理字符串乱码问题。在Halcon集成部分，详细阐述了添加依赖项、配置头文件、库文件和.dll，以及如何绑定Halcon窗口。最后，介绍了资源文件的添加和使用，以及图像的读取和显示方式。
摘要由CSDN通过智能技术生成

  • 新建Qt项目
    在这里插入图片描述
    在这里插入图片描述

  • 拖控件，跟MFC相似直接拖拽即可

在这里插入图片描述

  • 头文件与cpp文件
  • mainwindow.cpp
  • mainwindow.h
    在这里插入图片描述
  • 构造函数与析构函数
    在这里插入图片描述
  • .pro文件
  1. 加载Qt文件选择.pro文件
    在这里插入图片描述

  • 水平布局与垂直布局

  • 将控件拖入到GroupBox,Scroll Area等盒子类控件时注意将控件进行布局，避免截面乱掉。
    在这里插入图片描述

  • 按住ctrl连续选择多个控件进行布局，下图效果就是scroll Area
    在这里插入图片描述

  • 界面比=比例调整
    在这里插入图片描述

  • 关联Slider与spinBox
    在这里插入图片描述

  • Tab Widge 做页面
    在这里插入图片描述

  • 添加槽函数
    在这里插入图片描述
    在这里插入图片描述

  • 添加槽函数
    在这里插入图片描述
    在这里插入图片描述

  • spinBox的控件名叫做prameter通过ui->设置值

在这里插入图片描述

  • 编译Hello World

  • 此处类比cout<<

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

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

  • radioButton连接槽函数
    在这里插入图片描述
    1.当空间nofiPoint被选中的时候，通过信号槽SIGNAL(点击事件)触发槽函数(onFitMode())
    在这里插入图片描述
    2.判断radiobutton是否被按下
    在这里插入图片描述

  • Qt打印文字
    .由于系统默认编译的是C++编译器，当在Qt中打印文字时多为乱码，将字符串转为Qt类型 fromLocal8Bit
    在这里插入图片描述

  • 配置Halcon dll,include,lib文件
    1.include在这里插入图片描述
    2.lib +dll
    在这里插入图片描述
    3.在.pro文件中手动添加依赖项
    在这里插入图片描述
    4.头文件与命名空间

  • 改动.pro文件要清除makefile
    在这里插入图片描述

  • 并清空项目
    在这里插入图片描述

最低0.47元/天 解锁文章
三维视觉工作室
关注
  • 0
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Python QT5设计UI界面教程
yue200403的博客
03-05 2万+
简介：PyQT5开发常用知识，零基础上手，需配合我之前写的博文，配置好QT设计工具和ui文件转py文件的工具。
关于Qt5 UI设计的一些小知识
weixin_30262255的博客
10-19 159
(1) 获取textEdit中的值 QStringstr=ui->textedit->toPlainText();//这是普通文本 p=str.toInt(); //将从textEdit控件中获取的值转化为int型赋值给pQStringstr=ui->textedit...
探索QML FluentUI：打造现代化的Qt应用界面
最新发布
gitblog_00457的博客
08-09 1117
探索QML FluentUI：打造现代化的Qt应用界面 FluentUIFluentUI for QML项目地址:https://gitcode.com/gh_mirrors/fl/FluentUI 在当今的软件开发领域，用户界面的设计与用户体验的优化是至关重要的。QML FluentUI作为一个基于Qt QML的Fluent Design组件库，为开发者提供了一套现代化、美观且功能丰富的UI组...
【Qt教程】2.1 - Qt5 UI设计器、常用控件
Mark_md的博客
09-25 4077
新建工程，将 .ui文件勾上。 双击 .ui文件，会弹出UI设计器，其中的布局大概为： 其中UI界面的信号槽只能使用系统事件，不能使用自定义信号与槽。所以主要有用户代码来完成。 拖入一个 Push Button控件，对属性进行编辑，添加信号与槽 显现：点击 "close" 按键，窗口关闭。点击工具栏中的 "文件"，有菜单项。 常用控件分类： ...
一个QT的UI界面
04-17
一个简单的QT工程的界面，C++语言编写，支持QT4.8.3编译
QT5带UI的常用控件
qq_36658033的博客
05-02 664
且都是操作UI的界面，所以控制ui上面的对象都是ui->引用。且必须是ui->setupUi(this);对象可以更改名字，类就是父类。
qt ui界面设计
qq_40239482的博客
04-09 6095
新建Mainwindow类型的项目,点击ui界面设计,就可以不用编写代码直接设计界面.如何用代码操作ui上的控件,使用ui-&gt;button类型方式,可以操作.mainwindow是属于带菜单栏的文件类型.在进行菜单栏的编辑时,可以直接在ui上进行添加修改,十分方便,还可以使用信号与槽,添加某些动作.stactwidget 栈容器,可以储存多页.使用按钮进行切换void MainWindow:...
QT UI.zip_QT 精美UI资源_QT界面美化_qt 美化_qt5 界面美化_theoryazi
07-14
QT UI.zip 文件包含了一系列关于QT界面美化和设计的实例，主要展示了如何利用QT库来创建精美的用户界面。QT是一个跨平台的C++图形用户界面应用程序开发框架，它提供了丰富的API和工具，使得开发者能够轻松地创建出...
Qt-ui.rar_QT UI_QT界面_Qt 文件_qtui界面_ui
09-22
Qt UI是Qt框架中的一个重要组成部分，它为开发者提供了强大的图形用户界面设计能力。Qt UI（User Interface）基于一种称为`.ui`的XML格式文件，这种文件可以使用Qt Designer工具进行可视化设计，允许开发者通过拖放...
Qt-ui界面的工具栏在设计时能出现，但是运行之后不显示的问题解决
05-30
Qt-ui界面的工具栏在设计时能出现，但是运行之后不显示的问题解决
ui设计QT实例教程
10-24
一本关于QT实例教程的书，一个个实例每条代码都解释，（当然前面有过解释的不重复再解释）适合初学者。强烈推荐给想了解QT的初学者。
圆面积的计算（QT5 UI界面）
11-07
圆面积的计算，输入半径计算面积。熟悉信号槽的使用。
VS2015+QT5设计用户登录界面
12-10
该登录界面设计比较简单，适合初学者（me too）,有用户名和密码输入功能，附加键盘输入密码功能呦~
qt5之Ui学习
陌上花开缓缓归以的博客
03-11 1053
1.什么是ui? ui通常是用Qt 设计师设计出来的界面文件的后缀。 通常情况下ui是一个指向这个界面类的指针。 ui-&gt; 一般就是用来访问这个界面类里面的控件。 例如你的ui文件里有一个叫myButton的QPushButton。 你就可以这样来访问这个按钮ui-&gt;myButton。 setupUi(this)是由.ui文件生成的类的构造函数，这个函数的作用是对界面进行初始化， 它按...
PyQt5系列教程(二)利用QtDesigner设计UI界面
热门推荐
jing16337305的博客
04-24 2万+
软硬件环境OS X EI CapitanPython 3.5.1PyQt 5.5.1PyCharm 5.0.1前言在PyQt5系列教程的第一篇http://blog.csdn.net/djstavaV/article/details/50218157，我们已经搭建好了开发环境，今天，我们就用Python开发第一个Qt GUI程序，让大家感受下Qt开发的魅力，熟悉下Qt开发GUI程序的一般流程。制作...
【Qt5学习笔记】使用ui界面编一个入门级的小项目（保姆级教程，多图警告）
ccql's Blog
03-03 906
前言 我发现自己之前可能是有点走偏了，花了两天时间看书几乎一无所获，书上都是代码实现，还没有相应的注释… 今天我用ui设计师界面来进行编程，写一个小界面。 界面功能 1.计算加法； 2.可以弹窗； 3.使用布局，美化界面； 4.退出按钮； 界面预览 实现 1.建立一个Qt Widgets Application 可以参考QT5项目创建教程但要记得基类改为：mainwindow 2.添加新类 右键...
Qt5开发(代码设计部分)
Heisenberg's blog
03-25 644
主要是总结学习开发过程中遇到的一些知识点,方便复习 信号和槽关联的函数 QObject::connect(sender, SIGNAL(signal()), receiver, SLOT(slot())); //一般将关联函数放到类构造函数中 自定义槽函数 //一般在类中声明一个私有方法作为槽函数 class QWDlgManual : public QDialog{ Q_OBJECT private: QPushButton *btnOK; QPushButton
QT5.3.2小白之路——UI界面设计以及正则表达式的说明
A_de_kunbo_csdn的博客
07-26 1079
本文主要探讨对UI界面设计过程中遇到的问题和解决办法，同时也引出了很多的专业概念，供大家一起学习。 1、UI界面的绘制 1、新建QT Widget Application ，项目名称为“Test”，基类选择“QDialog”，类名保持“Dialog”不变，保持“创建界面”复选框的选中状态。 2、双击dialog.ui文件，打开QT的设计器，中间的空白窗口是一个parent Widget，接着...
qt的ui界面设计案例
06-13
好的，我可以给您介绍一些Qt的UI界面设计案例，供您参考。 1. QDarkStyleSheet QDarkStyleSheet是一个开源的Qt样式表，它提供了一组黑色主题的UI界面设计方案。这个样式表可以让您的Qt应用程序看起来更加现代和时尚。 2. VLC Media Player VLC Media Player是一款广泛使用的开源媒体播放器，它使用Qt框架来开发UI界面。VLC的UI界面设计简洁明了，用户可以轻松地控制音频和视频播放。 3. Rapid Photo Downloader Rapid Photo Downloader是一个开源的照片下载工具，它使用Qt框架来开发UI界面。这个工具的UI界面设计非常直观和用户友好，可以让用户轻松地从相机、手机或存储卡中下载照片。 4. QGIS QGIS是一款开源的地理信息系统软件，它使用Qt框架来开发UI界面。这个软件的UI界面设计非常专业和功能丰富，可以让用户轻松地处理和分析地理数据。 这些案例可以让您更好地了解Qt的UI界面设计，希望对您有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值