Qt桌面应用开发 第五天（常用控件 自定义控件）

news2024/11/22 17:33:37

目录

1.QPushButton和ToolButton

1.1QPushButton

1.2ToolButton

2.RadioButton和CheckBox

2.1RadioButton单选按钮

 2.2CheckBox多选按钮

3.ListWidget

4.TreeWidget控件

5.TableWidget控件

6.Containers控件

6.1QScrollArea

6.2QToolBox

6.3QTabWidget

6.4QStackedWidget

6.5QFrame

7.其他常用控件

7.1Combox和FontCombox

7.2LineEdit

7.3TextEdit和PlainTextEdit

7.4SpinBox和DoubleSpinBox

7.5QLable

8.自定义控件

1.QPushButton和ToolButton

1.1QPushButton

  • text——设置按钮显示文字
  • icon——设置按钮上显示的图片
  • iconsize——调整图片大小

1.2ToolButton

  • toolButtonStyle——当设置text之后，文字依旧不显示时，将toolButtonStyle设置为ToolButtonTextBesideIcon之后就可以了，默认ToolButtonIconOnly（只显示图片）
  • autoRaise——勾选之后，按钮设为透明效果

2.RadioButton和CheckBox

2.1RadioButton单选按钮

要求：默认默认选择男的；选择女的之后，输出“选择女”

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    ui->rBtnMan->setChecked(true);//默认勾选男的
    connect(ui->rBtnWoman,&QRadioButton::clicked,this,[=](){
                qDebug()<<"选择女生";
                });
}

 2.2CheckBox多选按钮

要求：选中“环境优雅“”时，输出“选择环境优雅”；取消“环境优雅“”时，输出“取消环境优雅”；半选“环境优雅“”时，输出“半选环境优雅”

    connect(ui->checkBox_enviroment,&QCheckBox::stateChanged,[=](int state){
                if(2==state)//选中
                {
                    qDebug()<<"选择环境优雅";
                }
                else if(0==state)//未选中
                {
                    qDebug()<<"取消环境优雅";
                }
                else if(1==state)//半选择
                {
                    qDebug()<<"半选择环境优雅";
                }
            });

注意：CheckBox通过stateChanged这个信号来判断按钮的选择状态，0未选中，1半选，2全选

3.ListWidget

QListWidget是用于显示多个列表项的控件

    QListWidgetItem* item=new QListWidgetItem("床前明月光");
    //居中对齐
    item->setTextAlignment(Qt::AlignCenter);
    //添加一个项目
    ui->listWidget->addItem(item);
    
    QStringList list;
    list<<"床前明月光"<<"疑是地上霜"<<"举头望明月"<<"低头思故乡";
    //添加多个项目
    ui->listWidget->addItems(list);

注意：

  • setTextAlignment——设置列表项对齐方式
  • addItem——添加单个列表项
  • addItems——添加多个列表项

4.TreeWidget控件

QTreeWidget用于显示层次结构的数据

    ui->setupUi(this);
    //设置头部标签
    ui->treeWidget->setHeaderLabels(QStringList()<<"地区"<<"面积(平方千米)");
    
    //设置顶级项目
    QTreeWidgetItem* treeItem1=new QTreeWidgetItem(QStringList()<<"北京"<<"12345");
    QTreeWidgetItem* treeItem2=new QTreeWidgetItem(QStringList()<<"上海"<<"12987");

    ui->treeWidget->addTopLevelItem(treeItem1);
    ui->treeWidget->addTopLevelItem(treeItem2);
    
    //设置北京下具体城区的数值
    QStringList districtList;
    QStringList squareList;

    districtList<<"东城"<<"西城"<<"朝阳";
    squareList<<"42"<<"51"<<"867";

    for(int i=0;i<districtList.size();i++)
    {
        QStringList a;
        a<<districtList.at(i)<<squareList.at(i);
        QTreeWidgetItem* child=new QTreeWidgetItem(a);
        treeItem1->addChild(child);
    }

  • addTopLevelItem/addTopLevelItems——将条目添加到树形控件的顶级条目列表末尾
  • insertTopLevelItem——将条目插入到指定位置
  • setHeaderLabels——设置头部标签

5.TableWidget控件

以行和列的形式显示数据，每个单元格可以包含文本、图标、自定义小部件

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    //设置列数
    ui->tableWidget->setColumnCount(3);
    //设置头部标签
    ui->tableWidget->setHorizontalHeaderLabels(QStringList()<<"姓名"<<"性别"<<"年龄");

    //设置行数
    ui->tableWidget->setRowCount(5);

    QStringList nameList;
    QStringList sexList;

    nameList<<"刘备"<<"关羽"<<"张飞";
    sexList<<"男"<<"女"<<"男";

    for(int i=0;i<nameList.size();i++)
    {
        int col=0;
        //添加项数
        ui->tableWidget->setItem(i,col++,new QTableWidgetItem(nameList.at(i)));
        ui->tableWidget->setItem(i,col++,new QTableWidgetItem(sexList.at(i)));
        ui->tableWidget->setItem(i,col++,new QTableWidgetItem(QString::number(20+i)));
    }
    
    //“添加赵云”按钮，在第一行插入赵云信息
    connect(ui->addBtn,&QPushButton::clicked,[=](){
        bool isEmpty=ui->tableWidget->findItems("赵云",Qt::MatchExactly).isEmpty();
        if(isEmpty)
        {
            ui->tableWidget->insertRow(0);
            ui->tableWidget->setItem(0,0,new QTableWidgetItem(QString("赵云")));
            ui->tableWidget->setItem(0,1,new QTableWidgetItem(QString("男")));
            ui->tableWidget->setItem(0,2,new QTableWidgetItem(QString("23")));
        }
        else
        {
            QMessageBox::warning(this,"Warning","赵云已经存在，添加失败！");
        }
    });
    
    //“删除赵云”按钮，删除赵云信息
    connect(ui->delBtn,&QPushButton::clicked,[=](){
        bool isEmpty=ui->tableWidget->findItems("赵云",Qt::MatchExactly).isEmpty();
        if(isEmpty)
        {
            QMessageBox::warning(this,"Warning","赵云不存在");
        }
        else
        {
            int rowNum=ui->tableWidget->findItems("赵云",Qt::MatchExactly).first()->row();
            ui->tableWidget->removeRow(rowNum);
        }
    });
}
  • setColumnCount——设置列数
  • setRowCount——设置行数
  • setHorizontalHeaderLabels——设置头部标签
  • setItem——添加项数
  • insertRow——插入行

6.Containers控件

6.1QScrollArea

滚动条，水平/垂直滚动条

  • setVerticalScrollBarPolicy()——设置垂直滚动条
  • setHorizontalScrollBarPolicy()——设置水平滑动条

6.2QToolBox

存储多个子窗口，每个抽屉可以设置图标和标题，并且对应一个子窗口，通过抽屉按钮可以实现各个子窗口显示的切换。

6.3QTabWidget

创建带有多个标签页的选项卡窗口

6.4QStackedWidget

堆栈窗口控件，只有一个子窗口是可见的，其他子窗口被隐藏，可通过切换显示不同的子窗口

6.5QFrame

容器控件，用于包含其它控件，并为其提供边框、背景颜色等样式。

7.其他常用控件

7.1Combox和FontCombox

QCombox：下拉列表框控件，允许从预定义的下拉列表中选择一个项目

  • addItem——添加列表中的项目

QFontCombox：Combox的特殊版本，专门选择字体

7.2LineEdit

单行文本输入框，允许用户输入和编辑单行纯文本/密码

  • echoMode——设置输入文本的样式

7.3TextEdit和PlainTextEdit

QTextEdit：多行文本编辑控件

QPlainTextEdit：文本编辑器控件

7.4SpinBox和DoubleSpinBox

QSpinBox——用于整数的输入和显示，默认十进制，也可以显示二进制和十六进制

QDoubleSpinBox——用于浮点数的输入和显示

  • decimals——设置小数点后的位数

7.5QLable

用于显示文本、图片

显示图片：

1.拖入QLable，添加Frame边框属性，删除默认显示的文本

2.setPixmap显示图片

    ui->lbl_pic->setPixmap(QPixmap(":/Image/1.png"));

显示动图：

1.拖入QLable，添加Frame边框属性，删除默认显示的文本

2.setMovie显示图片

    QMovie* movie=new QMovie(":/Image/1.gif");
    ui->lbl_movie->setMovie(movie);
    movie->start();

8.自定义控件

一个项目中的很多窗口或者窗口中的某个模块经常会被重复使用时，一般会将这个窗口/模块拿出来做一个独立的窗口类。

流程：

  • 创建项目（带ui文件）
  • 右键项目，添加新文件，选择Qt->Qt设计师界面类
  • 选择Widget模板
  • 给自定义控件命名，如SmallWidget
  • 生成自定义控件文件，包括.h  .cpp  .ui
  • 在SmallWidget.ui中拖入spinBox和HorizontalSlider
  • 在widget.ui中拖入widget控件，并右键“提升为”SmallWidget类

注意：需要此控件时，直接提成为该控件所属类即可

SmallWidget::SmallWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::SmallWidget)
{
    ui->setupUi(this);
    //spinBox中的值改变之后，滑动条也随之改变
    void(QSpinBox::* spinSignal)(int)=&QSpinBox::valueChanged;
    connect(ui->spinBox,spinSignal,ui->horizontalSlider,&QSlider::setValue);

    //滑动条改变，spinBox中的值随之改变
    connect(ui->horizontalSlider,&QSlider::valueChanged,ui->spinBox,&QSpinBox::setValue);

}

void SmallWidget::setData(int data)
{
    ui->spinBox->setValue(data);
}

int SmallWidget::getData()
{
    return ui->spinBox->value();
}
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    //获取spinBox的值
    connect(ui->btn_get,&QPushButton::clicked,[=]{
        int data=ui->widget->getData();
        qDebug()<<data;
    });

    //将spinBox的值设置为最大值的一半
    connect(ui->btn_set,&QPushButton::clicked,[=]{
        ui->widget->setData(50);
    });
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2245460.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

android studio无法下载，Could not GET xxx, Received status code 400

android studio无法下载，Could not GET xxx, Received status code 400

-- 1. 使用下面的地址代替 原地址: distributionUrlhttps\://services.gradle.org/distributions/gradle-6.5-all.zip 镜像地址: distributionUrlhttps\://downloads.gradle-dn.com/distributions/gradle-6.5-all.zips 上面的已经不好用了 https\://mirrors.cloud.tencent.c…
阅读更多...
【SpringBoot】【log】 自定义logback日志配置

【SpringBoot】【log】 自定义logback日志配置

前言&#xff1a;默认情况下&#xff0c;SpringBoot内部使用logback作为系统日志实现的框架&#xff0c;将日志输出到控制台&#xff0c;不会写到日志文件。如果在application.properties或application.yml配置&#xff0c;这样只能配置简单的场景&#xff0c;保存路径、日志格…
阅读更多...
【FPGA开发】AXI-Full总线接口介绍、FPGA搭建仿真平台

【FPGA开发】AXI-Full总线接口介绍、FPGA搭建仿真平台

文章目录 协议解读接口介绍AW—写地址通道W—写数据通道B—写响应通道AR—读地址通道R—读数据通道 FPGA搭建仿真平台 本文主要介绍AXI-FULL的相关基础内容&#xff0c;AXI-Lite请移步&#xff1a; 【FPGA开发】AXI-Lite总线协议解读、Verilog逻辑开发与仿真、Alex Forencich代…
阅读更多...
网络安全，文明上网（1）享科技，提素养

网络安全，文明上网（1）享科技，提素养

前言 在这个信息化飞速发展的时代&#xff0c;科技的快速进步极大地丰富了我们的生活&#xff0c;并为我们提供了无限的可能性。然而&#xff0c;随着网络世界的不断扩张&#xff0c;增强我们的网络素养成为了一个迫切需要解决的问题。 与科技同行&#xff0c;培育网络素养 技术…
阅读更多...
springboot基于Spring Boot的古城景区管理系统的设计与实现docx

springboot基于Spring Boot的古城景区管理系统的设计与实现docx

摘 要 古城景区管理系统是一个集景区导游功能于一体的综合管理平台&#xff0c;旨在提升游客的参观体验和提高管理效率。系统通过提供详尽的热门景点、客房类型、酒店信息、美食类型、特色美食、文创产品及导游服务&#xff0c;使游客能够深入了解古城的历史与文化。该系统集成…
阅读更多...
安装JDK

安装JDK

1、JDK下载 Java Downloads | Oracle 中国 确保从Oracle的官网下载最新的稳定版JDK&#xff1a; 选择合适的操作系统与安装包&#xff0c;找到Java SE 23的下载链接Download&#xff0c;下载安装即可。Windows优先选x64 MSI Installer。 安装过程直接双击下一步即可&#xf…
阅读更多...
掌握移动端性能测试利器：深入JMeter手机录制功能

掌握移动端性能测试利器：深入JMeter手机录制功能

引言 在当今移动互联网时代&#xff0c;应用程序的性能和用户体验至关重要。为了确保应用程序在不同设备和网络环境下都能稳定运行&#xff0c;性能测试成为了不可或缺的一环。Apache JMeter作为一款强大的开源性能测试工具&#xff0c;不仅支持传统的PC端性能测试&#xff0c…
阅读更多...
初始ArkUI

初始ArkUI

一. 什么是ArkUI ArkUI基于方舟UI框架为应用的UI开发提供了完整的基础设施&#xff0c;UI语法更加简洁&#xff0c;丰富的UI功能&#xff08;组件、布局、动画以及交互事件&#xff09;&#xff0c;以及实现界面预览工具等&#xff0c;可以支持开发者进行可视化界面开发。 &a…
阅读更多...
springboot基于数据挖掘的广州招聘可视化分析系统

springboot基于数据挖掘的广州招聘可视化分析系统

摘 要 基于数据挖掘的广州招聘可视化分析系统是一个创新的在线平台&#xff0c;旨在通过深入分析大数据来优化和改善广州地区的招聘流程。系统利用Java语言、MySQL数据库&#xff0c;结合目前流行的 B/S架构&#xff0c;将广州招聘可视化分析管理的各个方面都集中到数据库中&a…
阅读更多...
NuGet如何支持HTTP源

NuGet如何支持HTTP源

今天是2024年11月21号&#xff0c;最近更新了VisualStudio后发现HTTP的包源已经默认禁止使用了&#xff0c;生成时会直接报错。如下图&#xff1a; 官方也明确指出了要想使用HTTP包源的解决办法&#xff0c;这里就简单总结一下。 一、全局配置 1、全局NuGet包的配置文件路径在…
阅读更多...
go 学习网站，go例子 go demo go学习视频

go 学习网站，go例子 go demo go学习视频

1. 代码例子&#xff1a; Go by Example 2. b站 视频&#xff1a; 尚硅谷视频&#xff1a; 004_尚硅谷_程序的基本概念_哔哩哔哩_bilibili 3. go技术文档&#xff1a; fmt Go语言中文文档
阅读更多...
如何快速将Excel数据导入到SQL Server数据库

如何快速将Excel数据导入到SQL Server数据库

工作中&#xff0c;我们经常需要将Excel数据导入到数据库&#xff0c;但是对于数据库小白来说&#xff0c;这可能并非易事&#xff1b;对于数据库专家来说&#xff0c;这又可能非常繁琐。 这篇文章将介绍如何帮助您快速的将Excel数据导入到sql server数据库。 准备工作 这里&…
阅读更多...
Spring Web入门练习

Spring Web入门练习

加法计算器 约定前后端交互接⼝ 约定 "前后端交互接⼝" 是进⾏ Web 开发中的关键环节. 接⼝⼜叫 API&#xff08;Application Programming Interface), 我们⼀般讲到接⼝或者 API&#xff0c;指的都是同⼀个东西. 是指应⽤程序对外提供的服务的描述, ⽤于交换信息…
阅读更多...
day26作业

day26作业

1使用多线程基于TCP协议的并发执行&#xff0c;一个服务器对应多个客户端实现通信实验 #include <myhead.h> //主线程负责监听客户端连接请求 //子线程负责数据收发 #define IP "192.168.60.77" #define PORT 5555 #define BACKLOG 10 typedef struct {struct…
阅读更多...
【Vue3新工具】Pinia.js：提升开发效率，更轻量、更高效的状态管理方案！

【Vue3新工具】Pinia.js：提升开发效率，更轻量、更高效的状态管理方案！

大家好&#xff0c;欢迎来到程序视点&#xff01;我是小二哥&#xff01; 前言 在VUE项目开发中&#xff0c;一些数据常常被多个组件频繁使用&#xff0c;为了管理和维护这些数据&#xff0c;就出现了状态管理模式。 今天小二哥要给大家推荐的不是VueX&#xff0c;而是称为新…
阅读更多...
【机器学习chp6】对数几率回归

【机器学习chp6】对数几率回归

推荐文章1&#xff0c;其中解释了负log似然损失等价于交叉熵损失。 【王木头从感知机到神经网络】-CSDN博客 推荐文章2&#xff0c;其中有牛顿法的介绍 【王木头梯度下降法优化】随机梯度下降、牛顿法、动量法、Nesterov、AdaGrad、RMSprop、Adam-CSDN博客 推荐文章3&#…
阅读更多...
图像处理实验报告

图像处理实验报告

实验一 图像处理的MATLAB基础 实验目的&#xff1a;熟悉数字图象处理的基本软件工具和操作 实验内容&#xff1a;Matlab应用复习&#xff0c;矩阵产生、操作&#xff1b;矩阵运算以及字符运算。 1.利用增量产生向量[0,2,4,6,8,10]。 2.利用magic(n)函数产生7维魔鬼矩阵A&am…
阅读更多...
离散数学---概率, 期望

离散数学---概率, 期望

本文根据 MIT 计算机科学离散数学课程整理&#xff08;Lecture 22 ~ Lecture 24&#xff09;。 1 非负整数期望性质 用 N 表示非负整数集合&#xff0c;R 是 N 上的随机变量&#xff0c;则 R 的期望可以表示成&#xff1a; 证明&#xff1a; 换一个形式&#xff0c;把每一列…
阅读更多...
GPU服务器厂家：科研服务器领域机遇与博弈，AMD 新UDNA 架构

GPU服务器厂家：科研服务器领域机遇与博弈，AMD 新UDNA 架构

科研服务器作为推动科学研究进步的核心基础设施&#xff0c;其性能与架构的创新对于整个科研生态有着极为关键的影响。AMD 全新推出的 UDNA 架构&#xff0c;引发了广泛的关注与讨论。 AMD UDNA 架构于科研服务器的产品数据与市场格局 AMD 在计算机硬件领域的影响力持续攀升&a…
阅读更多...
STM32H7开发笔记（2）——H7外设之多路定时器中断

STM32H7开发笔记（2）——H7外设之多路定时器中断

STM32H7开发笔记&#xff08;2&#xff09;——H7外设之多路定时器中断 文章目录 STM32H7开发笔记&#xff08;2&#xff09;——H7外设之多路定时器中断0.引言1.CubeMX配置2.软件编写 0.引言 本文PC端采用Win11STM32CubeMX4.1.0.0Keil5.24.2的配置&#xff0c;硬件使用STM32H…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023