Qt-常用控件

1.控件概述

2.QWidget核心属性

2.1 enabled

Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
	ui->setupUi(this);	
	QPushButton* btn = new QPushButton(this);
	btn->setText("这是个被禁⽤的按钮");
	btn->setEnabled(false);
}

2.2 geometry

void Widget::on_pushButton_up_clicked()
{
	QRect rect = ui->pushButton_target->geometry();
	rect.setY(rect.y() - 5);
	ui->pushButton_target->setGeometry(rect);
}
void Widget::on_pushButton_down_clicked()
{
	QRect rect = ui->pushButton_target->geometry();
	rect.setY(rect.y() + 5);
	ui->pushButton_target->setGeometry(rect);
}
void Widget::on_pushButton_left_clicked()
{
	QRect rect = ui->pushButton_target->geometry();
	rect.setX(rect.x() - 5);
	ui->pushButton_target->setGeometry(rect);
}
void Widget::on_pushButton_right_clicked()
{
	QRect rect = ui->pushButton_target->geometry();
	rect.setX(rect.x() + 5);
	ui->pushButton_target->setGeometry(rect);
}

void Widget::on_pushButton_up_clicked()
{
	QRect rect = ui->pushButton_target->geometry();
	ui->pushButton_target->setGeometry(rect.x(), rect.y() - 5, rect.width(),
	rect.height();
}
void Widget::on_pushButton_down_clicked()
{
	QRect rect = ui->pushButton_target->geometry();
	ui->pushButton_target->setGeometry(rect.x(), rect.y() + 5, rect.width(),
	rect.height();
}
void Widget::on_pushButton_left_clicked()
{
	QRect rect = ui->pushButton_target->geometry();
	ui->pushButton_target->setGeometry(rect.x() - 5, rect.y(), rect.width(),
	rect.height();
}
void Widget::on_pushButton_right_clicked()
{
	QRect rect = ui->pushButton_target->geometry();
	ui->pushButton_target->setGeometry(rect.x() + 5, rect.y(), rect.width(),
	rect.height();
}

1. 往界⾯上拖拽两个按钮和⼀个 Label.
   Label 的 objectName 为 pushButton_accept 和 pushButton_reject , label 的
   objectName 为 label
   控件中⽂本如下图所⽰
   
2. 在 widget.cpp 中添加 slot 函数

void Widget::on_pushButton_accept_clicked()
{
	ui->label->setText("⼥神快来嘴⼀个! mua~~");
}
void Widget::on_pushButton_reject_pressed()
{
	// 获取窗⼝的宽度和⾼度
	int width = this->geometry().width();
	int height = this->geometry().height();
	// 重新⽣成按钮的位置.
	int x = rand() % width;
	int y = rand() % height;
	// 设置新的位置
	ui->pushButton_reject->move(x, y);
}

3.WindowsFrame的影响

相关 API

1. 在界⾯上放置⼀个按钮.
   
2. 在按钮的 slot 函数中, 编写代码

void Widget::on_pushButton_clicked()
{
	QRect rect1 = this->geometry();
	QRect rect2 = this->frameGeometry();
	qDebug() << rect1;
	qDebug() << rect2;
}

Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
	ui->setupUi(this);
	QRect rect1 = this->geometry();
	QRect rect2 = this->frameGeometry();
	qDebug() << rect1;
	qDebug() << rect2;
}

4. Window Title

5.Windowlcon属性

#include <QIcon>
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
	ui->setupUi(this);
	// 创建图标对象
	QIcon icon("d:/rose.jpg");
	// 设置图标
	this->setWindowIcon(icon);
}

6.qrc文件资源管理器

1. 右键项⽬, 创建⼀个 Qt Resource File (qrc ⽂件), ⽂件名随意起(不要带中⽂), 此处叫 resource.qrc .
   
2. 在 qrc 编辑器中, 添加前缀
   
   此处我们前缀设置成 / 即可.
   所谓的前缀,可以理解成 “⽬录” . 这个前缀决定了后续我们如何在代码中访问资源.
3. 在资源编辑器中, 点击 add Files 添加资源⽂件.此处我们需要添加的是 rose.jpg
   

4. 在代码中使用 rose.jpg
   编辑 widget.cpp

Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
	ui->setupUi(this);
	// 访问到 rose.jpg 资源
	QIcon icon(":/rose.jpg");
	// 设置图标
	this->setWindowIcon(icon);
}

7.windowOpacity属性

1. 在界面上拖放两个按钮,分别用来增加不透明度和减少不透明度objectName分别为 pushButton add 和 pushButton sub
   
2. 编写 wdiget.cpp,编写两个按钮的 slot 函数
   点击 pushButton_sub 会减少不透明度,也就是窗口越来越透明。
   点击 pushButton_add 会增加不透明度,窗口会逐渐恢复

void Widget::on_pushButton_add_clicked()
{
	float opacity = this->windowOpacity();
	if (opacity >= 1.0) {
		return;
	}
	qDebug() << opacity;
	opacity += 0.1;
	this->setWindowOpacity(opacity);
}

void Widget::on_pushButton_sub_clicked()
{
	float opacity = this->windowOpacity();
	if (opacity <= 0.0) {
		return;
	}
	qDebug() << opacity;
	opacity -= 0.1;
	this->setWindowOpacity(opacity);
	
}

EEE 754 标准
规定了浮点数要使用 二进制 科学计数法 的方式来表示~~
把一个浮点数分成三个部分:
1)符号位
2)有效数字
3)指数部分
使用二进制表示的有效数字,而且这里是小于 0 的小数部分(默认整数部分是 1)
第一个有效数字位表示 0.5
第二个有效数字位表示 0.25
第三个表示 0.125
101 => 0.625门优化的)
0.1 这样的小数
由于 float 和 double 有效数字部分长度都是有限的导致无法凑出一个非常非常接近 0.1 这样的数字

8.cursor属性

1. 在界⾯中创建⼀个按钮.
   
2. 直接在右侧属性编辑区修改 cursor 属性为 “等待”
   
3. 运行程序,鼠标悬停到按钮上,即可看到光标的变化

1. 编写 widget.cpp
   其中 Qt::WaitCursor就是自带的沙漏形状的光标

#include <QPushButton>
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
	// 创建按钮
	QPushButton* button = new QPushButton(this);
	button->resize(100, 50);
	button->move(100, 100);
	button->setText("这是⼀个按钮");
	// 设置按钮的 cursor
	button->setCursor(QCursor(Qt::WaitCursor));
}

enum CursorShape {
ArrowCursor,
UpArrowCursor,
CrossCursor,
WaitCursor,
IBeamCursor,
SizeVerCursor,
SizeHorCursor,
SizeBDiagCursor,
SizeFDiagCursor,
SizeAllCursor,
BlankCursor,
SplitVCursor,
SplitHCursor,
PointingHandCursor,
ForbiddenCursor,
WhatsThisCursor,
BusyCursor,
OpenHandCursor,
ClosedHandCursor,
DragCopyCursor,
DragMoveCursor,
DragLinkCursor,
LastCursor = DragLinkCursor,
BitmapCursor = 24,
CustomCursor = 25
}

Qt ⾃带的光标形状有限. 我们也可以⾃⼰找个图⽚, 做成⿏标的光标.⽐如我们有请滑稽⽼铁.

1. 创建 qrc 资源⽂件, 添加前缀 / , 并加⼊ huaji.png
   
   
   
2. 编写 widget.cpp

#include <QPixmap>
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
	// 创建⼀个位图对象, 加载⾃定义光标图⽚
	QPixmap pixmap(":/huaji.png");
	// 缩放图⽚为 64 * 64 的尺⼨.
	pixmap = pixmap.scaled(64, 64);
	// 创建 QCursor 对象, 并指定 "热点" 为 (2, 2) 坐标位置.
	// 所谓 "热点" 就是⿏标点击时⽣效的位置.
	QCursor cursor(pixmap, 2, 2);
	// 设置光标
	this->setCursor(cursor);
}

9.font属性

1. 在界⾯上创建⼀个 label
   
2. 在右侧的属性编辑区,设置该 label的 font 相关属性
   在这里调整上述属性,可以实时的看到文字的变化
   
3. 执⾏程序, 观察效果
   

1. 在界⾯中创建 label, objectName 使⽤默认的 label 即可.
   
2. 修改 widget.cpp

Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
	ui->setupUi(this);
	// 设置 label 的⽂本内容
	ui->label->setText("这是⼀段⽂本");
	// 创建字体对象
	QFont font;
	// 设置字体家族
	font.setFamily("仿宋");
	// 设置字体⼤⼩
	font.setPointSize(20);
	// 设置字体加粗
	font.setBold(true);
	// 设置字体倾斜
	font.setItalic(true);
	// 设置字体下划线
	font.setUnderline(true);
	// 设置字体删除线
	font.setStrikeOut(true);
	// 设置字体对象到 label 上
	ui->label->setFont(font);
}

10.toolTip属性

1. 在界⾯上拖放两个按钮. objectName 设置为 pushButton_yes 和 pushButton_no
   
2. 编写 widget.cpp

Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
	ui->setupUi(this);
	ui->pushButton_yes->setToolTip("这个是 yes 按钮");
	ui->pushButton_yes->setToolTipDuration(3000);
	ui->pushButton_no->setToolTip("这个是 no 按钮");
	ui->pushButton_no->setToolTipDuration(10000);
}

11.focusPolicy属性

1. 在界⾯上创建四个单⾏输⼊框 (Line Edit)
   
2. 修改四个输⼊框的 focusPolicy 属性为 Qt::StrongFocus (默认取值, ⼀般不⽤额外修改)
   
   此时运⾏程序, 可以看到, 使⽤⿏标单击/tab, 就可以移动光标所在输⼊框. 从⽽接下来的输⼊就是针对这个获取焦点的输⼊框展开的了.
3. 修改第⼆个输⼊框的 focusPolicy 为 Qt::NoFocus ,则第⼆个输⼊框不会被 tab / ⿏标左键选中.
   
   此时这个输⼊框也就⽆法输⼊内容了
4. 修改第⼆个输⼊框 focusPolicy 为 Qt::TabFocus , 则只能通过 tab 选中, ⽆法通过⿏标选中.
   
5. 修改第⼆个输⼊框 focusPolicy 为 Qt::ClickFocus , 则只能通过 tab 选中, ⽆法通过⿏标选中.
   

2.11 styleSheet

1. 在界⾯上创建 label
   
2. 编辑右侧的 styleSheet 属性, 设置样式
   
   
   此处的语法格式同 CSS,使用键值对的方式设置样式,其中键和值之间使用 : 分割.键值对之间使用;分割.
   另外,Qt Designer 只能对样式的基本格式进行校验,不能检测出哪些样式不被 Qt 支持.比如 text-align: center 这样的文本居中操作,就无法支持
   编辑完成样式之后,可以看到在 Qt Designer 中能够实时预览出效果
   
3. 运⾏程序, 可以看到实际效果和预览效果基本⼀致

1. 在界⾯上创建⼀个多⾏输⼊框 (TextEdit)和两个按钮.
   objectName 分别为 pushButton_light 和 pushButton_dark
   
2. 编写按钮的 slot 函数.