常用界面设计组件 —— 窗体(QT)

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

二、常用界面设计组件

组件是GUI的基本元素,也称为UI控件。它接受来自底层平台的不同用户事件,如鼠标和键盘事件(以及其它事件)。所有组件都继承自QObject。QWidget是一个基本的组件,是所有UI组件的基类。它描述组件所需要的大多数属性,包括几何图形、颜色、键盘行为、工具提示等属性。继承关系如下图所示。

常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

2.1 窗体

窗体是指程序的整体界面,可以包含标题栏、菜单栏、 工具栏、关闭按钮、最小化按钮、最大化按钮等。 QMainWindow、QWidget、QDialog 三个类就是用来创建窗体的,可以直接使用也可以继承后再使用。

常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

  • QMainWindow

    QMainWindow 窗口可以包含菜单栏、工具栏、状态 栏、标题栏等,是最常见的窗口形式,可以作为GUI程 序的主窗口

常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

注意:若不显示菜单栏可按如下方式设置

常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

  • QDialog

    QDialog 是对话框窗口的基类。对话框主要用来执行短 期任务,或与用户进行互动,它可以是模态的也可以是 非模态的。QDialog 没有菜单栏、工具栏、状态栏等。

    常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

  • QWidget

    QWidget是Qt中所有可绘制类的基类。任何基于 QWidget的类都可以在没有父类的情况下显示为窗口 。

    常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

    如果是主窗口,就使用 QMainWindow;如果是对话框,就是用 QDialog;如果不确定,或有可能作为顶级窗口,也有可能嵌入到其他窗口中,那么使用 QWidget。

2.1.1 设置窗体位置、大小及背景颜色

窗体初始位置为(100,100),控制窗体不可更改大, 最大、最小均为 800x640,背景色为红色。

MainWindow::MainWindow(QWidget *parent) :
QMainWindow(parent),
ui(new Ui::MainWindow)
{
	ui->setupUi(this);
	//或者使用 setGeometry
	move(100,100);
	setMaximumSize(800,640);
	setMinimumSize(800,640);
	setStyleSheet("background:red");
}

运行效果如下图所示

常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

2.1.2 设置窗体标题

添加图片资源
常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言
常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

一直下一步 点击完成之后,系统会自动为我们创建出四个文件

记得在mainwindow.h文件中加上 “#include “dialog.h” ”
常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言
添加图片
常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言
常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言
常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

:图标可以去阿里矢量图库下载: https://www.icon font.cn/ 或者https://www.51tool.com/ico/?action=make 转换ico图标。

  • 修改代码

    #include "mainwindow.h"
    #include "ui_mainwindow.h"
    
    MainWindow::MainWindow(QWidget *parent)
        : QMainWindow(parent)
        , ui(new Ui::MainWindow)
    {
        ui->setupUi(this);
        move(500,150); //移动窗口位置
        setMaximumHeight(800); //限制窗口拉伸高度
        setMaximumWidth(600);  //限制窗口拉伸宽度
        setStyleSheet("background:green"); //设置窗口底色 “绿色”
        setWindowTitle("打开 QT 新世界!!!"); //窗口表头
        setWindowIcon(QIcon(":/images/favicon.ico")); //这一块的路径:在左边项目栏->选中favicon.ico文件->鼠标右击->选择Copy Path...选项
    }
    
    MainWindow::~MainWindow()
    {
        delete ui;
    }
    
    void MainWindow::on_pushButton_clicked()
    {
        dlg.show();
    }
    

    运行效果:

    常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

    注意:窗口左上角的图标显示不出来,是跟ubuntu系统 的显示相关(windows环境下正常显示)。

2.1.3 多窗体调用

  • 创建基于QMainWindow的项目
    常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

  • 增加新的窗口类
    常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言
    常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

  • 代码编辑

    #ifndef MAINWINDOW_H
    #define MAINWINDOW_H
    
    #include <QMainWindow>
    #include "dialog.h"
    
    QT_BEGIN_NAMESPACE
    namespace Ui {
    class MainWindow;
    }
    QT_END_NAMESPACE
    
    class MainWindow : public QMainWindow
    {
        Q_OBJECT
    
    public:
        // 构造函数
        MainWindow(QWidget *parent = nullptr);
    
        // 析构函数
        ~MainWindow();
    
    private slots:
        // 槽函数,处理按钮点击事件
        void on_pushButton_clicked();
    
    private:
        // UI指针
        Ui::MainWindow *ui;
    
        // 对话框实例
        Dialog dlg;
    };
    #endif // MAINWINDOW_H
    
    

常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

  • 添加按钮对应的槽函数
    常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言

    /* mainwindow.cpp */
    
    #include "mainwindow.h"
    #include "ui_mainwindow.h"
    
    MainWindow::MainWindow(QWidget *parent) :
        QMainWindow(parent),
        ui(new Ui::MainWindow)
    {
        // 在构造函数中初始化界面
        ui->setupUi(this);
    }
    
    MainWindow::~MainWindow()
    {
        // 在析构函数中释放界面对象的内存
        delete ui;
    }
    
    void MainWindow::on_pushButton_clicked()
    {
        // 当按钮被点击时,显示对话框
        dlg.show();
    }
    
  • 运行效果

    常用界面设计组件 —— 窗体(QT),qt,数据库,开发语言文章来源地址https://www.toymoban.com/news/detail-808846.html

到了这里,关于常用界面设计组件 —— 窗体(QT)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • qt设计界面

    widget.h main.cpp widget.cpp 结果 XMind

    2024年02月10日
    浏览(38)
  • QT界面设计:深入理解QSS样式表设计

    本文详细介绍了QT界面设计中的QSS样式技术,包括QSS样式表的语法、用法、selector设置以及属性列表等内容,帮助你提升审美,打造出令人羡慕的软件界面。

    2024年02月13日
    浏览(46)
  • 【Qt设计开发】GUI界面设计开发

      本文是我在学习QT的GUI界面设计过程当中的心得和学习笔记,在学习时已经有C, C++,Python的基础。文章附上了学习的代码,仅供大家参考。如果有问题,有错误欢迎大家留言。此外,博主还有另外几篇文章,分别关于 Python基础知识 、 Python的具体应用 、 C语言指针结构体

    2024年02月02日
    浏览(49)
  • Qt用户图形界面设计应用(闹钟)

    什么是Qt Qt 是一个跨平台的 C++ 图形用户界面库,由挪威 TrollTech 公司于 1995 年底出品,并于 2008年6月17日被NOKIA公司收购,以增强NOKIA公司在跨平 台软件研发方面的实力,更名为Qt Software。 Qt的优点 基本上, Qt 同 X Window 上的 Motif, Openwin, GTK 等图形界 面库 和 Windows 平台上的

    2024年02月08日
    浏览(55)
  • 设计qt界面并通过代码显示

    方法 1: 在 ui 文件所在的文件夹中,按快捷键 Shift+鼠标右键,在弹出的菜单栏中选择“在此处打开 Powershell\\\" 在终端输入指令:pyuic5 -o xxx.py py xxx.ui 例子:pyuic5 -o 界面.py untitled.ui 方法 2:通过 python 代码直接调用终端输入命令 方法 1.界面生成的代码 + python 代码 方法 2.ui 文件

    2024年02月09日
    浏览(37)
  • QT day1 (图形界面设计)

    要求:  功能函数模块  做出如下效果图:  

    2024年02月08日
    浏览(37)
  • Qt Dialog 界面设计之 FindDialog

    目录 一、FindDialog效果图 二、实现代码 H文件: CPP文件: 三、信号和槽 四、补充说明 代码的逻辑顺序:          1、创建并初始化窗口部件。          2、添加布局,把创建好的控件放入布局当中。          3、设置控件的属性。          4、建立信号-槽之间的

    2023年04月18日
    浏览(45)
  • qt设计一个简单的注册登录界面

    实现代码:

    2024年02月14日
    浏览(40)
  • qt中使用 ui 文件进行界面设计

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

    2024年02月04日
    浏览(39)
  • Qt界面设计——侧边栏隐藏和滑出

    在日常项目中,界面布局上经常使用到侧边栏的方式,在侧边栏放置控件进行复合使用,可以实现子功能界面的隐藏和滑出,效果展示如下: 界面控件很简单,主界面QWidget,侧边栏也用一个QWidget和一个按钮QPushbutton来进行组合。通过点击按钮来显示和隐藏侧边栏。主要用到

    2024年02月11日
    浏览(45)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包