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

QT:控件属性及常用控件(1)------核心控件及属性

一个图形化界面上的内容,不需要我们直接从零去实现
QT中已经提供了很多的内置控件:
按钮,文本框,单选按钮,复选按钮,下拉框等等。。。。。
在这里插入图片描述

文章目录

  • 1.常用控件属性
    • 1.1 enabled
    • 1.2 geometry
      • 1.2.1 geometry示例:调整目标的大小和位置
      • 1.2.2 geometry示例:无法拒绝的表白(不要轻易尝试使用)
    • 1.3 window frame窗口框架
    • 1.4 windowTitle
    • 1.5 windowIcon
    • 1.6 windowOpacity
    • 1.7 cursor
      • QPixmap(可以通过对象表示图片,在cursor里使用到这个)
    • 1.8 font
    • 1.9 toolTip
    • 1.10 focusPolicy
    • 1.11 styleSheet
  • 2.qrc文件
  • 3.在styleSheet中颜色的应用及知识


1.常用控件属性

1.1 enabled

在这里插入图片描述
当然也可以用两个按钮,用一个按钮来控制另一个按钮的enable状态

void Widget::on_pushButton_clicked()
{
    qDebug()<<"执行槽函数";
}

void Widget::on_pushButton_2_clicked()
{
    bool enable=ui->pushButton->isEnabled();
    if(enable){
        ui->pushButton->setEnabled(false);
    }else{
        ui->pushButton->setEnabled(true);
    }
}

在这里插入图片描述

1.2 geometry

当前控件的位置和尺寸
在这里插入图片描述
其常用的API如下:

API说明
geometry()获取到控件的位置和尺⼨. 返回结果是⼀个 QRect, 包含了 x, y, width, height. 其中 x, y 是左上⻆的坐标
setGeometry(QRect)获取到控件的位置和尺⼨. 返回结果是⼀个 QRect在这里插入图片描述
setGeometry(int x, int y,int width, int height)获取到控件的位置和尺⼨. 包含了 x, y, width, height. 其中 x, y 是左上⻆的坐标

1.2.1 geometry示例:调整目标的大小和位置

下来我们来写代码完成点击上下左右四个按钮,来调整一个目标的大小和位置:
在这里插入图片描述
在这里插入图片描述

1.2.2 geometry示例:无法拒绝的表白(不要轻易尝试使用)

添加几个控件,给女生表白,当女生点接受表白就成功,当女生点拒绝,那么拒绝就到到处乱跑!


void Widget::on_pushButton_accept_clicked()
{
    ui->lineEdit->setText("爱死你了宝贝,mua~亲一个!");
}

void Widget::on_pushButton_reject_clicked()//点击,鼠标点了之后松开生效
{
//    int width=this->geometry().width();
//    int height=this->geometry().height();
//    //获取width和height并取模,保证其位置不会超出窗口范围!
//    int x=rand()%width;
//    int y=rand()%height;
//    ui->pushButton_reject->move(x,y);
}

void Widget::on_pushButton_reject_pressed()//点击,点下鼠标就生效,不需要松开
{
    int width=this->geometry().width();
    int height=this->geometry().height();
    //获取width和height并取模,保证其位置不会超出窗口范围!
    int x=rand()%width;
    int y=rand()%height;
    ui->pushButton_reject->move(x,y);
}

在这里插入图片描述

1.3 window frame窗口框架

frame就是最上面的那个窄窄的小窗口,(关闭,最小化)那个!!
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
相关主要的API:

API说明
frameGeometry()返回 QRect 对象. QRect 相当于 QPoint 和 QSize 的结合体. 可以获取 x, y,width, size.计算时包含 window frame 对象
geometry()返回 QRect 对象. QRect 相当于 QPoint 和 QSize 的结合体. 可以获取 x, y,width, size.计算时不包含 window frame 对象.
setGeometry()直接设置窗⼝的位置和尺⼨. 可以设置 x, y, width, height, 或者 QRect 对象.计算时不包含 window frame 对象.

1.4 windowTitle

当前windowsTitle属性,从属于QWidget。
QWidget是一个广泛的概念,windowTitle属性,只能针对顶层窗口这样的QWidget才有效。
常用API:

API说明
windowTitle()获取到控件的窗⼝标题
setWindowTitle(constQString& title)设置控件的窗⼝标题.

在这里插入图片描述

1.5 windowIcon

表示一个窗口的图标
在这里插入图片描述
在这里插入图片描述
但是用这种绝对路径不好,一般都是用相对路径。
当然,我这里用的是C盘下的文件,那么如果开发好了用户使用的时候,用户电脑没有C盘下的这个文件(这时候相对路径和绝对路径都不好使),那么就会出大问题,所有需要引入qrc机制!!
当然还有一种qrc机制:
给QT项目引入一个额外的xml文件(后缀名为.qrc)
在这个xml中需要把使用的图片资源导入,并在xml中记录
QT在编译项目的时候,会根据qrc中描述的图片信息,找到图片中的内容,并且提取出图片的二进制数据,把这些数据转换成C++代码,最终编译在.exe文件中。
当然这个资源不能太大,否则qrc也无能为力!!!

常用API:

API说明
windowIcon()获取到控件的窗⼝图标. 返回 QIcon 对象
setWindowIcon(const QIcon& icon)设置控件的窗⼝图标.

1.6 windowOpacity

也就是一个半透明效果!!
常用API:

API说明
windowOpacity()获取到控件的不透明数值. 返回 float, 取值为 0.0 -> 1.0 其中 0.0 表⽰全透明, 1.0 表⽰完全不透明.
setWindowOpacity(float n)设置控件的不透明数值.

在这里插入图片描述
if的条件判断这里也可以不加,因为setWindowOpacity内部会进行判定,但是为了编程的规范性,还是建议加上判定条件!
在这里插入图片描述

1.7 cursor

改变鼠标光标的样式

在这里插入图片描述 在这里插入图片描述
比如这样我们常见的鼠标样式。
常用API:(Widget级别,同一个界面中,不同控件可以设置成不同的光标)

API说明
cursor()获取到当前widget的cursor属性,返回QCursor对象.当⿏标悬停在该widget上时,就会显⽰出对应的形状.
setCursor(const QCursor& cursor)设置该widget光标的形状.仅在⿏标停留在该widget上时⽣效.
QGuiApplication::setOverrideCursor(const QCursor&cursor)设置全局光标(程序内的全局,非系统级别)的形状.对整个程序中的所有widget都会⽣效.覆盖上⾯的setCursor设置的内容.

在ui界面,可以如下所示,直接设置,可以对窗口进行设置,也可以对某个控件进行设置!
在这里插入图片描述
也可以像下面一样用代码编写,设置为WaitCursor就是我们常见的转圈圈那个
在这里插入图片描述
当然,QT内置的cursor有很多,如下:
在这里插入图片描述

QPixmap(可以通过对象表示图片,在cursor里使用到这个)

这些内置的光标都是非常传统(换句话说就是太古老了),那么怎么样可以用更加现代化的光标呢?
QT允许我们通过自定义的图片来设置光标!!!
在这里插入图片描述
阿里巴巴 矢量图标库可以免费下载大量的鼠标图标,我们去获取!!

1.8 font

一组属性的集合,表示和字体相关的一系列属性
常用API:

API说明
font()获取当前widget的字体信息.返回QFont对象.
setFont(const QFont& font)设置当前widget的字体信息.

属性

family字体家族.⽐如"楷体",“宋体”,"微软雅⿊"等.
pointSize字体⼤⼩
weight字体粗细.以数值⽅式表⽰粗细程度取值范围为[0,99],数值越⼤,越粗.
bold是否加粗.设置为true,相当于weight为75.设置为false相当于weight 为50.
italic是否倾斜
underline是否带有下划线
strikeOut是是否带有删除线

在这里插入图片描述

1.9 toolTip

一个GUI程序,界面比较复杂,按钮啥的很多
当你吧鼠标悬停在某个控件上的时候,就能弹出一个提示,这就是toolTip,比如:
在这里插入图片描述
常用API:

API说明
setToolTip设置toolTip.,⿏标悬停在该widget上时会有提⽰说明.
setToolTipDuring设置toolTip提⽰的时间.单位ms.,时间到后toolTip⾃动消失.

在这里插入图片描述

1.10 focusPolicy

设置控件获取到焦点的策略.⽐如某个控件能否⽤⿏标选中或者能否通过tab键选中.
所谓"焦点",指的就是能选中这个元素.接下来的操作(⽐如键盘操作),就都是针对该焦点元素进⾏的了.这个对于输⼊框,单选框,复选框等控件⾮常有⽤的.(最简单的就是百度搜索框,点击才能输入文字)

常用API:

API说明
focusPolicy()获取该widget的focusPolicy,返回Qt::FocusPolicy
setFocusPolicy(Qt::FocusPolicy policy)设置widget的focusPolicy.

在这里插入图片描述
在这里插入图片描述

1.11 styleSheet

通过CSS设置widget的样式.
CSS 本⾝属于⽹⻚前端技术.主要就是⽤来描述界⾯的样式.
所谓"样式",包括不限于⼤⼩,位置,颜⾊,间距,字体,背景,边框等.
在这里插入图片描述

2.qrc文件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在QT项目进行编译的时候,这个cpp文件就被一起编译到exe中了,当exe程序运行的时候,上述图片的数据就被加载到内存中。就不需要像windowIcon一样还要考虑图片的位置了!!!!

3.在styleSheet中颜色的应用及知识

在这里插入图片描述

this->setStyleSheet("background-color:rgb(240,240,240)");//rgb方式
this->setStyleSheet("background-color:white");//传统方式

http://www.kler.cn/a/465203.html

相关文章:

  • 【开源社区openEuler实践】rust_shyper
  • 读“2024 A16Z AI 应用精选清单”有感——2025AI执行力之年
  • 基于动力学的MPC控制器设计盲点解析
  • 你喜欢看哪类的网上视频教程?
  • Python深度学习GRU、LSTM 、BiLSTM-CNN神经网络空气质量指数AQI时间序列预测及机器学习分析|数据分享...
  • 基层医联体医院患者历史检验检查数据的快速Python编程分析
  • FortiAl为擎重塑网络与安全运营未来
  • k8s基础(1)—Kubernetes-Pod
  • 如何在2025年创建一个网站:使用US Domain Center和WordPress的终极指南
  • 玉米中的元基因调控网络突出了功能上相关的调控相互作用。\functions.R
  • 今日自动化编辑部今日自动化杂志社2024年第19期部分目录
  • 物联网控制期末复习
  • 嵌入式驱动开发详解9(platform驱动)
  • 实践:事件循环
  • STM32入门教程(CAN通信篇)
  • (leetcode算法题)​122. 买卖股票的最佳时机 II​ 和 123. 买卖股票的最佳时机 III
  • PostgreSQL-01-入门篇-简介
  • Redis数据库——数据结构类型
  • 基于16QAM的载波同步和定时同步性能仿真,采用四倍采样,包括Costas环和gardner环
  • tiny RISCV项目学习
  • 系统设计——大文件传输方案设计
  • Springboot 下载附件
  • 靶场搭建问题(技巧)总结
  • DEWA功能介绍
  • Redis 中 Lua 脚本的使用详解
  • 络安全警钟:通过Microsoft Teams和AnyDesk传播的DarkGate恶意软件