QT：UI控件（按设计师界面导航界面排序）

news/2025/2/11 14:02:31/

基础部分

创建新项目：QWidget，QMainWindow，QDialog
QMainWindow继承自QWidget，多了菜单栏;
QDialog继承自QWidget，多了对话框

QMainWindow 菜单栏和工具栏：
Bar:

菜单栏：QMenuBar，菜单：QMenu

在这里插入图片描述

    //重置窗口大小resize(600,400);//菜单栏创建(菜单栏最多只能有一个)QMenuBar * bar = menuBar();//将菜单栏放入到窗口中setMenuBar(bar);//创建菜单QMenu * filename= bar->addMenu("文件");QMenu * editname= bar->addMenu("编辑");QAction * newAction = filename->addAction("新建");//添加分割线filename->addSeparator();//增加子菜单的内容QAction * OpenAction = filename->addAction("打开");//设置中心部件 只能有一个（这个可加可不加）QTextEdit *edit = new QTextEdit(this);setCentralWidget(edit);

工具栏：QToolBar，
状态栏：QStatusBar();
浮动窗口：QDockWidget	可以有多个
对话框：
消息对话框QMessage：错误对话框(critical)，信息对话框(information)，问题对话框(question)，警告
选择颜色(QColorDialog)：
选择文件或目录（QFileDialog）：
...还有几个其他的标准对话框

按钮组

pushButton 显示文字


//lambda表达式(C++11特性):[](){};	connect(mybtn,&MyPushButton::clicked,[=](){this->close();});
//点击新建按钮，弹出对话框connect(ui->actionnew,&QAction::triggered,[=](){//对话框QDialog dlg(this);dlg.exec();});

ToolButton 可用来显示图片
单选： Radio Button
多选：check Box
（group box 可将选项button放在一起（单选/多选））

Item Views（Model-base）

是基于其他模组的，例如数据库之类。不常用

Item Widgets (Item-base)：

在这里插入图片描述

表格控件：

控件：QListWidget（图片部件标注1的部分）
List Widget （分行显示）：每一行：QListWidgetItem ,然后加入（addItem）到ui的listwidget控件中

//利用ListWidget逐行显示QListWidgetItem *item = new QListWidgetItem("one");//将第一行ui->listWidget->addItem(item);item->setTextAlignment(Qt::AlignHCenter);QStringList list;list<<"456"<<"7931"<<"46913";list.append("93");list.insert(6,"6666");ui->listWidget->addItems(list);

控件：QTreeWidget树控件（图片部件标注2的部分）
实现树列介绍，

//利用TreeWidget树控件使用ui->treeWidget->setHeaderLabels(QStringList()<<"英雄"<<"英雄介绍");QTreeWidgetItem * item_li = new QTreeWidgetItem(QStringList()<<"力量");QTreeWidgetItem * item_min = new QTreeWidgetItem(QStringList()<<"敏捷");QTreeWidgetItem * item_zhi = new QTreeWidgetItem(QStringList()<<"智力");//加载顶层的节点ui->treeWidget->addTopLevelItem(item_li);ui->treeWidget->addTopLevelItem(item_min);ui->treeWidget->addTopLevelItem(item_zhi);//追加子节点QStringList herpL1;herpL1<<"英雄1"<<"技能点1，技能点2";QTreeWidgetItem * L1 = new QTreeWidgetItem(herpL1);item_li->addChild(L1);

控件：QTableWidget控件（图片部件标注3的部分）

//利用TableWidget控件使用（表格）//设置列数ui->tableWidget->setColumnCount(3);//设置水平表头ui->tableWidget->setHorizontalHeaderLabels(QStringList ()<<"姓名"<<"性别"<<"年龄");//设置行数ui->tableWidget->setRowCount(5);//设置正文(第一行第一列)//ui->tableWidget->setItem(0,0,new QTableWidgetItem("人物1"));QStringList namelist;namelist<<"人物1"<<"人物2"<<"人物3"<<"人物4";QStringList sexlist;sexlist << "女1" <<"男1"<<"男1"<<"女2";     //此处使用"女1"for(int i=0;i<4;i++){int col=0;ui->tableWidget->setItem(i,col++,new QTableWidgetItem(namelist[i]));ui->tableWidget->setItem(i,col++,new QTableWidgetItem(sexlist[i]));ui->tableWidget->setItem(i,col++,new QTableWidgetItem(QString::number(i+18)));}

其他常用控件：（Containers容器）

Group Box 分组的部件(直接在ui中拖动设置即可)（一般设置页面排版时用到，例如在单选/多选框）

Scroll Area 滚动的区域，滚动条(直接在ui中拖动设置即可)（图片部件标注4的部分）

ToolBox 分页(直接在ui中拖动设置即可)（图片部件标注5的部分）

Tab Widget 分页(直接在ui中拖动设置即可)（图片部件标注6的部分）

stacked widget 切换页面(调试时直接在ui中拖动设置即可，但是使用调用时需使用栈空间的索引进行切换)，（图片部件标注7的部分）
例如：开发中有可识别的切换按钮，但是程序中切换需要通过新增按钮来进行切换（setCurrentIndex）

//栈控件的使用//设置默认值页面ui->stackedWidget->setCurrentIndex(0);connect(ui->pushButton_stackW_1,&QPushButton::clicked,[=](){ui->stackedWidget->setCurrentIndex(0);   //定位到栈空间的索引});connect(ui->pushButton_stackW_2,&QPushButton::clicked,[=](){ui->stackedWidget->setCurrentIndex(1);   //定位到栈空间的索引});connect(ui->pushButton_stackW_3,&QPushButton::clicked,[=](){ui->stackedWidget->setCurrentIndex(2);   //定位到栈空间的索引});

Frame是一个边框

其他常用控件：（Input Widget）

在这里插入图片描述

Frame是一个边框
（Input Widget）

Combo Box 下拉框：(直接在ui中拖动设置即可)（图片部件标注1的部分）

//comboBox下拉框ui->comboBox->addItem("车1");ui->comboBox->addItem("车2");ui->comboBox->addItem("车3");//点击按钮，选中车三选项connect(ui->pushButton,&QPushButton::clicked,[=](){//ui->comboBox->setCurrentIndex(2);//或者直接输入文字(在确定有该选项的情况下)ui->comboBox->setCurrentText("车3");});

fontComboBox 字体下拉框（图片部件标注2的部分）
lineEdit 单行编辑框（图片部件标注3的部分）
TextEdit 多行编辑框（可改变字体颜色形式等）（图片部件标注4的部分）
Plain TextEdit 纯文本多行编辑框
spin box 逐个增减输入框（图片部件标注5的部分）
Double spin box 加小数点的（图片部件标注6的部分）
Time Edit 时间输入框（图片部件标注7的部分）
dateEdit 日期输入框
dateTimeEdit 时间和日期输入框
horizontalScrollBar	水平滑动条
verticalScrollBar	竖直滑动条
horizontalSlider	水平滑动条（可与spin box进行组合）
verticalSlider 	竖直滑动条（可与spin box进行组合）

（Display widget）显示标签
label ：可显示文字和图片（首先需要把图片添加到资源文件中，然后程序添加显示图片）
在这里插入图片描述

//在lable中显示图片（图片提前加载到项目资源文件res中）ui->label->setPixmap(QPixmap(":/1.jpg"));//在lable中也可以放动图QMovie * movie = new QMovie(":/one.gif");   //注意后缀需要是gifui->label->setMovie(movie);//播放动图movie->start();

http://www.ppmy.cn/news/1032950.html

相关文章

Nginx网站服务(安装nginx、平滑升级nginx、nginx各种访问配置)

Nginx网站服务(安装nginx、平滑升级nginx、nginx各种访问配置)

一、Nginx概述 1、什么是nginx&#xff1f; 稳定性高、系统资源消耗低、对HTTP并发连接的处理能力高&#xff08;单台物理器可支持30000-50000个并发请求&#xff09; NG并发连接能力有2个因素的影响 ①CPU的个数 ②本地吴立琪系统的最大文件打开数2、Nginx应用场景 静态服…
阅读更多...
CSS自学框架之表单

CSS自学框架之表单

首先我们看一下表单样式&#xff0c;下面共有5张截图 一、CSS代码 /*表单*/fieldset{border: none;margin-bottom: 2em;}fieldset > *{ margin-bottom: 1em }fieldset:last-child{ margin-bottom: 0 }fieldset legend{ margin: 0 0 1em }/* legend标签是CSS中用于定义…
阅读更多...
react入门到实战 学习笔记1 搭建

react入门到实战 学习笔记1 搭建

一、React是什么 一个专注于构建用户界面的 JavaScript 库&#xff0c;和vue和angular并称前端三大框架 React有什么特点 1- 声明式UI&#xff08;JSX&#xff09; 写UI就和写普通的HTML一样&#xff0c;抛弃命令式的繁琐实现 2- 组件化 组件是react中最重要的内容&#xf…
阅读更多...
K8S系列四：服务管理

K8S系列四：服务管理

写在前面 本文是K8S系列第四篇&#xff0c;主要面向对k8s新手同学。阅读本文需要读者对k8s的基本概念&#xff0c;比如Pod、Deployment、Service、Namespace等基础概念有所了解&#xff0c;尚且不了解的同学推荐先阅读本系列的第一篇文章《K8S系列一&#xff1a;概念入门》[1]…
阅读更多...
昨天被喷的体无完肤

昨天被喷的体无完肤

昨天尝试去面试&#xff0c;结果被问到特别底层的原理&#xff0c;发现答出来还是不如意。 平时也是一些库一些网络&#xff0c;就是会用&#xff0c;然后理解了一些原理&#xff0c;但是太深得就没有追究了&#xff0c;所以还是需要看一些底层的源码&#xff0c;努力去理解大神…
阅读更多...
SIFT 算法 | 如何在 Python 中使用 SIFT 进行图像匹配

SIFT 算法 | 如何在 Python 中使用 SIFT 进行图像匹配

介绍 人类通过记忆和理解来识别物体、人和图像。你看到某件事的次数越多，你就越容易记住它。此外，每当一个图像在你的脑海中弹出时，它就会将该项目或图像与一堆相关的图像或事物联系起来。如果我告诉你我们可以使用一种称为 SIFT 算法的技术来教机器做同样的事情呢？ 尽管…
阅读更多...
vue2+高德地图web端开发

vue2+高德地图web端开发

要在Vue 2中使用高德地图进行Web端开发&#xff0c;可以按照以下步骤进行操作&#xff1a; 在项目中安装高德地图的JavaScript API库。可以通过在HTML文件中引入高德地图的API脚本&#xff0c;或者使用npm安装相应的包。例如&#xff0c;可以使用以下命令安装高德地图的JavaSc…
阅读更多...
网络安全攻防实战：探索互联网发展史

网络安全攻防实战：探索互联网发展史

大家好&#xff0c;我是沐尘而生。 互联网发展史&#xff1a;数字世界的壮阔画卷 从早期的ARPANET到今天的万物互联&#xff0c;互联网经历了漫长的发展过程。然而&#xff0c;随着技术的进步&#xff0c;网络安全问题也随之而来。我们不仅要探索互联网的壮阔历程&#xff0c;…
阅读更多...
最新文章

Copyright @ 2022~2023