Qt里的基本控件-＞下

最新推荐文章于 2024-06-17 14:18:48 发布
最新推荐文章于 2024-06-17 14:18:48 发布
阅读量1.9k 收藏 16
点赞数 3
分类专栏： QT学习 文章标签： linq qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_54395977/article/details/122479299
版权

目录

一、显示控件（DisplayWidgets）

1、Lable

1.1、Lable的作用

1.2、lable通过setText设置文字内容

1.3、lable通过setPixmap设置图片

1.4、lable通过setMovie设置gif图片

2、textbrowser

2.1、textbrowser介绍

2.2、textbrowser设置文字

2.3、 textbrowser显示图片

3、LCD number

3.1、LCD number介绍

4、progressBar

二、容器控件

1、QGroupBox

2、scrollArea

3、toolBox

4、tabWidget

5、stackedWidget

6、qFrame

7、qWidget

 8、mdiArea

9、dockwidget

三、列表控件（Item Widget）

1、listWIdget

 2、treewidget

3、tableWidget

QT里的基本控件-＞上_small建攻的博客-CSDN博客

一、显示控件（DisplayWidgets）

1、Lable

1.1、Lable的作用

        lable的作用用来显示一些文字或者用来贴图

1.2、lable通过setText设置文字内容

ui->label->setText("这里是设置的文本的内容");

1.3、lable通过setPixmap设置图片

QPixmap mImage=QPixmap(":/new/prefix1/7FL7%M{E(V%PYS03NMDWK4C.png");//这个是图片从资源中设置的路径
ui->label->setScaledContents(true);//设置可以缩放
ui->label->setPixmap(mImage);

1.4、lable通过setMovie设置gif图片

QMovie *m = new QMovie(":/new/prefix1/QQ图片20220113180431.gif");
ui->label->setMovie(m);
m->start();//这个一定要有不然gif是不会显示的
/*QMovie中有个stop()函数可以让gif暂停具体可查帮助*/

效果展示：

  

2、textbrowser

2.1、textbrowser介绍

        textbrowser提供了一个带有超文本导航的富文本浏览器，可加图片，也可以编辑文字，用来显示内容

2.2、textbrowser设置文字

ui->textbrowser->setText("这里是设置的文本的内容");
ui->textbrowser->append("这里是换行添加");

2.3、 textbrowser显示图片

        textbrowser里面添加图片会用HTML很麻烦的添加方式一般还是文字用的多

3、LCD number

3.1、LCD number介绍

        它是显示液晶字体的数字，但是设置大小，将其在窗口中

        

         LCD number一般的使用

ui->lcdNumber->display(QTime::currentTime().toString("hh:mm:ss"));

        可以是整数，小数，字符串

4、progressBar

        进度条的显示，关联滚动条，根据progressBar来进行移动的

常用的几个：

setMaximum(int)设置最大值
setValue(int)设置值
setMinimum(int)设置最小值

二、容器控件

1、QGroupBox

        QGroupBox为构建分组提供了支持，通常包含一个边框和一个标题栏，作为容器部件来使用，在其中可以布置各种窗口部件。

                                

 2、scrollArea

        QScrollArea 提供了一个滚动视图到另外一个部件，滚动区域用于显示一个画面中的子部件的内容。如果部件超过画面的大小，视图可以提供滚动条，这样就都可以看到部件的整个区域 。

        开始是不会显示出来得要自己设置这两个垂直滚动条和水平滚动条

        

 代码使用：

QLabel *pImageLable = new QLabel(this);
pImageLable->setPixmap(QPixmap("图片路径"));
ui->scrollArea->setWidget(pImageLable);

3、toolBox

        QToolBox类提供了一个选项卡式的条目。QToolBox可以在一个tab列上显示多个Item，并且当前的 item显示在当前的tab下面。每个tab都在tab列中有一个索引位置。tab的item是一个QWidget,类似QQ好友栏得显示

                        

 代码插入：

QPushButton*pushButton=new QPushButton(this);
ui->toolBox->insertItem(3,pushButton,"按钮内容");
在第三个位子插入一个pushbutton

 4、tabWidget

        QTabWidget类提供了一系列的Tab选项卡的切换，每个选项卡下有自己的控件；原理和toolBox一样, 类似任务管理器 

                 

 5、stackedWidget

        QStackedWidget理解为层叠窗口（堆栈窗口），提供了多页面切换的布局，每个选项卡下有自己的控 件, StackedWidget类提供了多页面切换的布局，一次只能看到一个界面。

        在写代码的时候点下面剪头指向处也能切换，控件还是直接拖动上面去就好

                                 

ui->stackedWidget->setCurrentIndex(0); //从0开始数，要第几页就是几

6、qFrame

        QFrame类是带有边框的部件的基类。它的子类有我们最为常用的标签部件QLabel，另外还有 QLCDNumber、QSplitter、QStackedWidget、QToolBox和QAbstractScrollArea类。带边框部件最主 要的特点就是可以有一个明显的边界框架。Frame类的主要功能也就是用来实现不同的边框效果，这主 要是由边框形状（Shape）和边框阴影（Shadow）组合来形成的。

 7、qWidget

        QWidget类是所有用户界面对象的基类被称为基础窗口部件它可以作为其他部件 的容器QWidget继承自 QObject类和QPaintDevice类其中QObject类是所有支持Qt 对象模型（Qt Object Model）的Qt对象的 的基类，QPaintDevice类是所有可以绘制的对象的基类。         

 8、mdiArea

        QMdiArea一般使用于主窗口中，用于容纳多个子窗口

                

9、dockwidget

        QDockWidget类类似理解为悬浮(停靠)窗口，提供了一个特殊的窗口部件，它可以是被锁在 QMainWindow窗口内部或者是作为顶级窗口悬浮在桌面上。只能使用minwindow类才有，详细示例查看官方示例                             

三、列表控件（Item Widget）

1、listWIdget

        QListWidget类列表框控件用来加载并显示多个列表项。QListWidgetItem类就是列表项类

         ​​​​​​​       

 常用的槽与信号：

additem添加一行尾部添加
insertItem在某个位子添加一行
removeItemWidget移除行
信号：
currentRowChanged(int currentRow)选中的行有改变
itemSelectionChanged()选中的项有改变

 2、treewidget

         树，直接双击就能添加，要加图标就在属性里面

        ​​​​​​​        ​​​​​​​    

 得到选中的内容

消息：
itemClicked(QTreeWidgetItem *item, int column)
实现：
qDebug()<<item->text(column);

3、tableWidget

        类似电子表格

        ​​​​​​​      

常用设置

//表头下面的那根线
ui->tableWidget_stuInfo->horizontalHeader()->setStyleSheet("border-bottom-width:
0.5px;border-style: outset;border-color: rgb(229,229,229);");

//自动适应列宽
ui->tableWidget_stuInfo->horizontalHeader()->setSectionResizeMode(QHeaderView::Stretch); 

//隐藏默认行头
ui->tableWidget_stuInfo->verticalHeader()->setHidden(true);

//整个表不能被编辑
ui->tableWidget_stuInfo->setEditTriggers(QAbstractItemView::NoEditTriggers);

//表头到第0行的线
ui->tableWidget_stuInfo->horizontalHeader()->setStyleSheet("border-bottomwidth: 0.5px;border-style: outset;border-color: rgb(229,229,229);");

遍历打印

//遍历打印
for(int i=0;i<ui->tableWidget->rowCount()+1;i++)//行
{
    for(int j=0;j<ui->tableWidget->columnCount();j++)//列
    {
        if(ui->tableWidget->item(i,j)!=nullptr)
        {
            qDebug()<<ui->tableWidget->item(i,j)->text();
        }
    }   
}

 遍历向表格设置内容

for(int i = 0; i < ui->tableWidget->rowCount()+1;i++)//行
{
     for(int j=0;j < ui->tableWidget->columnCount();j++)//列
     {
       ui->vip_custmer ->setItem(i, j,new QTableWidgetItem("里面设置所写的内容"));
     }  
}

small建攻
关注
  • 3
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Qt属性表控件-QtPropertyBrowser
05-11
QtPropertyBrowser是一种在Qt框架下实现的属性表控件，它允许用户以树形结构展示和编辑对象的属性。这个控件类似于QtCreator中的属性设置以及Visual Studio中的属性窗口，为开发者提供了一种直观的方式来展现和修改...
QT自定义控件-简约时钟
09-01
基于QT实现的简约时钟控件，未使用图片，纯QPainter绘制。资源包括控件类实现文件和测试文件。控件样式可在下面连接中查看： https://blog.csdn.net/qfl_sdu/article/details/119903167 功能： 1.支持显示系统时间...
setScaledContents的看法
肩上风骋的博客
12-22 7092
看到的博客上都写的是setScaledContents(true);可以设置图片自适应控件大小，但是我对于此函数的看法是控件自适应图片大小，当图片为1920x1080时，加载图片的控件label就比之前大，当图片为500x300时，显示图片的label就变小。如果说图片自适应控件大小，那么无论多大的图片，加载到指定的控制中，其图片的大小都为控件的大小，但是事实不是这样，变现出来的情况更像是图片多大，控件就多大。 但是添加label到布局中随着label的增加，行列数也增加，此时图片变小，label也变小。所
基于Qt5的图像交互控件开发（C++实现）
weixin_40280870的博客
07-08 2848
博主近期看到海康VM、halcon以及visionpro视觉软件都包含一个图像智能交互控件，然后近期根据其中的技术原理，也基于Qt5仿照开发了一个类似的功能，包含矩形、旋转矩形、任意多边形、圆、圆环、扇环，直线卡尺以及圆卡尺等常用控件，图像智能交互是在计算机视觉领域中常用的技术，用于视觉软件图像ROI，广泛应用于工业自动化、机器视觉等领域。
Qt中利用QTextBrowser控件设计日志窗口
最新发布
墨、砚
06-17 431
使用Qt设计可视化的日志窗口，方便查看调试信息
QT笔记-Label控件显示图片
C_panpan的专栏
07-14 2447
2、 Label控件设计界面显示图片。1、Label控件动态显示图片。
Qt图片自适应显示控件
qq_34790664的博客
09-29 4775
Qt图片自适应显示控件写在前面直接上代码如何使用 写在前面 用过Qt显示图片的同学就应该会发现，配置起来是真的难受，使用QLabel显示图片容易出现图片显示不全或者是图片太大导致控件被撑的变形，相当的难受。实现图片的自适应显示一般需要使用painterevent来配置页面，对于一些初学者来说配置可能会存在一定的个困难，毕竟脱离了.ui就可能不知道页面该怎么设计了。所以这里我就制作一个可自适应显示图片的控件，只需要将QWidget控件提升为该控件即可实现图片的自适应显示。 直接上代码 头文件 #ifndef
【[Qt]基于QGraphicsView的图像显示控件，支持放大、缩小、鼠标拖动】
xiaohuihuihuige的博客
12-03 7355
基于QGraphicsView类的图像显示控件，支持鼠标交互，放大、缩小、移动、复原，支持加载三种类型的图片：QImage、QPixmap、cv::Mat。
Qt自定义控件-飞机航向角指示
08-13
通过这种方式，我们不仅创建了一个实用的“飞机航向角指示”控件，还了解了Qt自定义控件的基本设计思路和绘制原理。这样的自定义控件可以极大地扩展Qt应用程序的功能，使得开发出的软件更加符合特定领域的使用需求。...
Qt动态添加控件demo
11-17
控件（Widgets）是构成Qt界面的基本元素，如按钮（QPushButton）、文本框（QLineEdit）、标签（QLabel）等。这些控件可以通过Qt Designer图形化工具预先设计，也可以在C++或Python代码中动态创建。 动态添加控件...
Qt常用的控件widgets-例程
05-30
通过深入研究这个"Qt常用的控件widgets-例程"，你不仅能掌握控件的基本用法，还能了解到如何在C++中组织和编写Qt应用程序，进一步提升你的界面开发能力。这个例程是学习Qt Widgets的好起点，建议逐个尝试每个控件的...
Qt：16---Dispaly Widgets控件的使用
董哥的黑板报
05-09 1161
一、Label 概念：可以提供文本或图片、动画显示，没有提供用户交互功能 ui界面下属性： text：默认文本，可以添加转义字符 pixmap：添加图片 alignment：文本对齐方式 frameShape：控件边框等样式 函数： setPixmap(图片变量); //添加图片 setMovie(动态图变量); //设置动态图 resize(宽,高); //设置大...
QT利用textBrowser显示文件写入信息
jigsaw_joker的博客
04-17 1818
在如下情景中，想要利用textBrowser来显示输出文件夹中的信息。利用clear清空textBrowser；也可以利用settext固定写入。利用append追加写入。
Pyside6：开发一个自适应的图片控件
monsterk1的博客
09-26 1544
扩展一个自适应的图片控件不仅仅这么一个方法，本文仅提供其中一个思路，并且本文中有不少方法可以运用在大部分扩展控件的方法中，例如setProperty，调用父类Event方法等等，熟练掌握这些技术可以完成许许多多你想要的功能。
【qt5,python,图片自适应Qlabel控件】
qq_48332419的博客
07-26 1745
图片自适应qt5的Qlabel控件大小
Qt实现在QLabel上显示图片并进行线条/矩形框/多边形的绘制
XCJandLL的博客
10-22 7032
本文主要讲述了使用QPainter在QLabel上进行图片的显示，并使用事件过滤器让QLabel捕获QEvent::Paint事件，并结合鼠标事件实现在图片上绘制其它图形。
QT中在label中插入图片自适应label大小等比缩放
热门推荐
尘埃飞舞
01-03 1万+
一、代码如下 QImage *img_mainicon;//主图标显示在右上角lable中 img_mainicon =new QImage;//新建一个image对象 img_mainicon->load(":/image/images/haiyan.jpg"); //载入图片到img对象中 img_mainicon->scaled(ui->...
Qt5.12实战之使用QLabel控件显示图像与动画
03-25 1113
显示图像前先添加资源到qrc。直接复制到res目录。
【Qt 学习笔记】Qt控件概述
小黄鸭的博客
04-09 1828
（Widget）是指用于图形用户界面（GUI）的可视化元素，通过与用户的交互来显示信息、接收输入或触发操作。控件通常由一个可视化的图标、按钮或者其他视觉元素以及与之相关联的事件处理函数组成。控件可以接受用户的输入，例如按钮可以通过鼠标点击或者键盘操作来触发相关的事件。控件还可以显示信息，例如标签可以显示文本、图像或者其他数据。控件的外观和行为可以通过设置属性或者调用方法来进行定制和修改。常见的控件包括按钮、文本框、标签、下拉菜单、滚动条等。
style()->drawPrimitive()使用案例
06-01
在Qt中，可以使用style()函数来获取当前应用程序的样式，然后使用它的各种函数来绘制各种控件。其中一个函数是drawPrimitive()，它可以用来绘制预定义的基本形状，如线段、矩形、椭圆等等。 下面是一个简单的使用案例，演示了如何使用style()->drawPrimitive()函数来绘制一个矩形和一个椭圆： ```cpp #include <QtGui> int main(int argc, char *argv[]) { QApplication app(argc, argv); QWidget widget; widget.resize(400, 300); widget.setWindowTitle("Draw Primitives Example"); QPainter painter(&widget); // 绘制一个矩形 QStyleOption opt; opt.initFrom(&widget); opt.rect = QRect(50, 50, 100, 100); opt.state = QStyle::State_Enabled | QStyle::State_Raised; widget.style()->drawPrimitive(QStyle::PE_PanelButtonBevel, &opt, &painter); // 绘制一个椭圆 opt.rect = QRect(200, 50, 100, 100); widget.style()->drawPrimitive(QStyle::PE_IndicatorButtonDropDown, &opt, &painter); widget.show(); return app.exec(); } ``` 在这个例子中，我们创建了一个QWidget窗口，然后在窗口上创建了一个QPainter对象。使用QStyleOption类来指定绘制的区域和状态，然后调用style()->drawPrimitive()函数绘制矩形和椭圆。注意，QStyle::PE_PanelButtonBevel和QStyle::PE_IndicatorButtonDropDown是预定义的常量，表示矩形和椭圆形状。最后，我们将窗口显示出来并进入Qt的事件循环中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

small建攻

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值