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

一个图形化界面上的内容,不需要我们直接从零去实现

QT中已经提供了很多的内置控件:
按钮,文本框,单选按钮,复选按钮,下拉框 等等。。。。。

文章目录

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

1.常用控件属性

1.1 enabled

当然也可以用两个按钮,用一个按钮来控制另一个按钮的enable状态

cpp 复制代码
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示例:无法拒绝的表白(不要轻易尝试使用)

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

cpp 复制代码
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中颜色的应用及知识

cpp 复制代码
this->setStyleSheet("background-color:rgb(240,240,240)");//rgb方式
this->setStyleSheet("background-color:white");//传统方式
相关推荐
梁下轻语的秋缘2 小时前
每日c/c++题 备战蓝桥杯(P2241 统计方形(数据加强版))
c语言·c++·蓝桥杯
学习编程的gas4 小时前
C++面向对象编程入门:从类与对象说起(一)
开发语言·c++
冼紫菜4 小时前
【Spring Boot 多模块项目】@MapperScan失效、MapperScannerConfigurer 报错终极解决方案
java·开发语言·mybatis
Bear on Toilet4 小时前
Bug日记——实现“日期类”
开发语言·c++·bug
apcipot_rain4 小时前
《面向对象程序设计-C++》实验五 虚函数的使用及抽象类
开发语言·c++
明月看潮生7 小时前
青少年编程与数学 02-019 Rust 编程基础 05课题、复合数据类型
开发语言·青少年编程·rust·编程与数学
幼稚诠释青春7 小时前
Java学习笔记(对象)
java·开发语言
zhczzm7 小时前
深入浅出之STL源码分析2_stl与标准库,编译器的关系
c++
Wyc724098 小时前
JDBC:java与数据库连接,Maven,MyBatis
java·开发语言·数据库
强化学习与机器人控制仿真8 小时前
Newton GPU 机器人仿真器入门教程(零)— NVIDIA、DeepMind、Disney 联合推出
开发语言·人工智能·python·stm32·深度学习·机器人·自动驾驶