qt 可视化ui设计

这篇具有很好参考价值的文章主要介绍了qt 可视化ui设计。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

QMainWindow 是主窗口类,主窗口类具有主菜单栏、工具栏和状态栏,类似于一般的应用程序的主窗口;

QWidget是所有具有可视界面类的基类,选择QWidget创建的界面对各种界面组件都可以支持;

QDialog是对话框类,可建立一个基于对话框的界面。

.ui 文件

后缀为.ui 的文件是可视化设计的窗体定义文件。如widget.ui和mainwindow.ui。双击该文件就可以在qt designer 对窗体进行可视化设计。

.ui文件是一个xml文件,如widget.ui和mainwindow.ui定义了窗口上的所有组件的属性设置、布局,及其信号与槽函数的关联等。

ui_widget.h文件和ui_mainwindow.h

ui_widget.h是在对widget.ui文件编译后生成的一个文件,这个文件会出现在编译后的目录下,不会出现在目录树里。ui_widget.h文件里实现界面功能的类是Ui_Widget。再定义一个类Widget从Ui_Widget继承而来,并定义在namespace Ui里.

  1. setupUi

Ui_Widget类的setupUi函数,用于创建各个界面组件,并设置其位置、大小、文字、字体等属性,并设置信号槽的关联。

  1. retranslateUi();

用于设置诫命各组件的文字内容属性,如标签的文字,键盘的位子。一般用于多语言。

  1. QMetaObject::connectSlotsByName();

设置槽函数的关联方式,如果空间定义的槽函数名称为:

void on_<object name>_<signal name>(<signal parameters>);

一个控件名称为actTongJi,想响应点击的信号槽,那用户自定义槽函数void on_actTongJi_triggered();就可以了,不用再写connect关联函数。因为调用QMetaObject::connectSlotsByName();等价于

connect(actTongJi,SIGNAL(triggered),this,SLOT(on_actTongJi_triggered()));

可视化添加工具栏菜单栏

  1. 打开qt designer 对需要添加工具栏的widget右键菜单添加工具栏(菜单栏)。

  1. 在动作编辑器Action Editor通过右键建立一个new action。

  1. 将需要使用的action用鼠标左键拖放至工具栏(菜单栏)

  1. 为action添加slot,直接点选action后右键,在右键菜单中选择go to slot。选择信号,这样直接生成槽函数。而不用手动设置connect关联。文章来源地址https://www.toymoban.com/news/detail-606562.html

到了这里,关于qt 可视化ui设计的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • qt中使用 ui 文件进行界面设计

    qt中使用 ui 文件进行界面设计

    目录 1、创建 Qt 应用 ​2、项目创建成功 3、直接点击打开 mainwindow.ui 文件 4、随便从左边侧边栏拖拽一个空间到 界面设计区域 5、在右侧边栏右键点击 pushButton 控件,点击转到槽 6、根据实际需要选择对应的信号,我这里方便演示选择 clicked()信号,直接点击 OK 7、自动在

    2024年02月04日
    浏览(13)
  • Python QT5设计UI界面教程

    Python QT5设计UI界面教程

    简介:PyQT5开发常用知识,零基础上手,需配合我之前写的博文,配置好QT设计工具和ui文件转py文件的工具。博文为:使用Python PyQt5实现一个简单的图像识别软件;页面效果如下: 1.设计菜单栏 Containers——Tab Widget; 2.横向排布  可以自动水平对齐 3.文本框和选择框 4.日期输入

    2024年01月17日
    浏览(39)
  • 12-2_Qt 5.9 C++开发指南_自定义Qt Designer 插件(UI 设计器自定义界面组件的 Widget 插件,直接安装到 UI设计器组件面板里,如同 Qt 自带的界面设计组件一样)

    12-2_Qt 5.9 C++开发指南_自定义Qt Designer 插件(UI 设计器自定义界面组件的 Widget 插件,直接安装到 UI设计器组件面板里,如同 Qt 自带的界面设计组件一样)

    上篇使用提升法(promotion)来创建自定义组件,本篇为 UI 设计器设计自定义界面组件的 Widget 插件,直接安装到 UI设计器的组件面板里,如同 Qt 自带的界面设计组件一样使用,在设计时就能看到组件的实际显示效果,只是编译和运行时需要使用到插件的动态链接库 (Windows 平台上

    2024年02月05日
    浏览(28)
  • VSCode + PyQt + Python 可视化制作UI界面

    VSCode + PyQt + Python 可视化制作UI界面

    之前都是使用Unity开发一些工具提供给策划使用 之前的做法 我会用python写脚本编译成exe文件 unity中通过命令行调用 很麻烦 索性不如直接用python写工具 Python写工具会简单很多 比如裁切 旋转 缩放 位移图片在Python中只需要几行代码就可以搞定 但是在Unity中要写很多代码 就很蛋

    2024年02月02日
    浏览(20)
  • 【Qt】使用Qt designer(Qt设计师)以及uic工具将ui文件转换到C++代码进行界面开发

    【Qt】使用Qt designer(Qt设计师)以及uic工具将ui文件转换到C++代码进行界面开发

    【Qt】编写第一个Qt程序,使用Cmake编译并运行 Qt Designer是一个用于创建Qt应用程序用户界面的图形化界面设计器。它是Python GUI开发的一个重要工具,可以帮助用户快速创建具有丰富功能的用户界面。 打开终端输入以下代码 点击创建 拖一些组件进来,点击保存 得到一个后缀为

    2024年02月16日
    浏览(15)
  • Qt Creator可视化交互界面exe快速入门1

    Qt Creator可视化交互界面exe快速入门1

    Qt的安装链接:Index of /archive/qt 5.14版本之前都是可以直接 离线安装,即下载完整安装包之后在本地安装。 最新及5,15版本之后的都不支持直接的离线安装了,需要通过下载器来进行安装。下载地址:Index of /official_releases/online_installers

    2024年02月04日
    浏览(12)
  • 利用qt实现机器人可视化界面,并在界面上控制机器人各个关节运动

    利用qt实现机器人可视化界面,并在界面上控制机器人各个关节运动

     本工程借助于clion配置的qt环境,同时依赖eigen tinyxml2等开源库,也借鉴了博客上一些文章,具体哪些忘记了,十分抱歉。本工程仅供参考。机械臂模型为史陶比尔官网的TX2-60L-HB。可以去那下载对应的stp文件。 最终图:  通过鼠标中键控制旋转 缩放,配合ctrl进行平移。加载

    2024年02月11日
    浏览(70)
  • 如何在pycharm里边配置pyqt5、qt5-applications,使用拖拽功能设计UI界面

    如何在pycharm里边配置pyqt5、qt5-applications,使用拖拽功能设计UI界面

    安装pyqt5和qt5-applications 网上很多说要安装pyqt5-tools,但是里边并没有找到designer.exe这个文件,最终是在qt5-applications里边的Qt/bin找到了designer.exe文件。 在pycharm中配置designer working directory可以自己手动配置工程目录,也可以直接点击后面的按钮选择$ProjectFileDir$ 在pycharm中配置p

    2024年02月02日
    浏览(10)
  • 【YOLOV5 入门】——Pyside6/PyQt5可视化UI界面&后端逻辑

    【YOLOV5 入门】——Pyside6/PyQt5可视化UI界面&后端逻辑

    声明:笔记是做项目时根据B站博主视频学习时自己编写,请勿随意转载! VScode/Pycharm 终端进入虚拟环境后,输入下面代码安装 pyside6 ,若用的 Pycharm 作为集成开发环境,也下载个 pyqt5 : 安装完 pyside6 时其实一并安装了 qtdesigner ,这个工具可让我们以拖拽的方式设计界面,按

    2024年04月16日
    浏览(149)
  • 数据可视化UI设计素材资源文件sketch大屏可视化数据展示

    数据可视化UI设计素材资源文件sketch大屏可视化数据展示

    数据是企业的上帝之眼,数据可视化就发挥了很大的作用。很多从事B端产品设计的小伙伴在日常工作中遇到数据可视化的场景比较多,也得益于PSD素材较多,所以用的设计工具大多是Photoshop,但Photoshop用于UI设计太过臃肿,图层太多容易使软件卡崩,占用内存高,新建画板数

    2024年02月11日
    浏览(17)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包