当前位置： 首页 > article >正文

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

article 2024/11/20 11:44:32

目录

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.kler.cn/a/401458.html

相关文章：

  • 向量数据库FAISS之五：原理(LSH、PQ、HNSW、IVF)
  • html实体字符
  • Figma中文网：UI设计师的新资源宝库
  • 【GNU】gcc -g编译选项 -g0 -g1 -g2 -g3 -gdwarf
  • 机器学习（西瓜书)-BP神经网络实现
  • Java-异步方法@Async+自定义分布式锁注解Redission例子
  • 深度学习之目标检测的技巧汇总
  • 提升SPA（单页应用如vue，react）首屏加载速度：全面优化指南
  • 三菱MR-J4旋转型伺服电机选型型号一览
  • 第13天：高级主题 - ViewModel 和 LiveData
  • 三维测量与建模笔记 - 点特征提取 - 4.4 SIFT
  • 如何在 Python 中判断 ADB 设备是否连接
  • 鼎峰自愈路由系统-完全实现自动化切换最优网络
  • KNN算法介绍及代码实例
  • 大学作业:城市PM2.5预测分析数据挖掘大作业资源源码免费下载
  • 集合的概念及练习
  • 炼码LintCode--数据库题库（级别：中等；数量：更新中~）--刷题笔记_03
  • 【Three.js基础学习】26. Animated galaxy
  • Dubbo源码解析-服务导出（四）
  • chatGPT是如何使用tensrFlow训练模型的？
  • 【数据分享】1981-2024年我国逐日最低气温栅格数据（免费获取）
  • CSS3中的弹性布局之侧轴的对齐方式
  • 梧桐数据库深入探索递归查询的强大功能
  • Excel——宏教程（精简版）
  • EMall实践DDD模拟电商系统总结
  • 学习整理在php中一个二维数组按另一个一维数组顺序排序