Qt 5.14.2 学习记录 —— 팔 QWidget 常用控件（3）

---

1、cursor

改变鼠标光标形状。

在Qt Designer界面中，拖一个按钮过来，右边属性面用户可以自己改cursor属性。

代码方法，先拖一个按钮到界面上：

#include <QPushButton>Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);QCursor cursor(Qt::WaitCursor);ui->pushButton->setCursor(cursor);
}

左击WaitCursor，ctrl + 左键就可以看到库中自带的都有哪些样式。

要自定义，那就把图片导入到qrc中，和上一篇博客写的一样的方法，而widget.cpp中要用QPixmap这个对象来表示一个图片。

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);QPixmap pixmap(":/aaa.png");QCursor cursor(pixmap);ui->pushButton->setCursor(cursor);
}

不过此时默认，鼠标点击时是在图片的左上角点击了一个点，可以修改这个位置

QCursor cursor(pixmap, 4, 7);

后面的两个数字是热点的位置，以图片左上角为原点，那么(4, 7)就是鼠标真正点击的位置。

图片缩放

// 不修改原图片而返回新图片
pixmap = pixmap.scaled(40, 70);

这里有大量免费图标可供下载：阿里巴巴矢量图标库

2、font

QFont

拖拽一个控件到界面，就可以更改文本的font属性。

代码：

#include <QLabel>Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);QLabel* label = new QLabel(this);label->setText("文本");QFont font;font.setFamily("仿宋");font.setPixelSize(47);font.setBold(true);font.setItalic(true);font.setUnderline(true);font.setStrikeOut(true);label->setFont(font);
}

3、toolTip

鼠标悬停到某个控件时，就能显示这个控件的作用。

setToolTip设置提示的内容，setToolTipDuration设置提示存在的时间，单位为ms。

#include <QPushButton>Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);ui->pushButton_yes->setToolTip("yes按钮");ui->pushButton_yes->setToolTipDuration(4000);ui->pushButton_no->setToolTip("no按钮");ui->pushButton_no->setToolTipDuration(7000);
}

4、focusPolicy

关于焦点，点击输入框，才能输入内容，如果中途点击了其它地方，再次敲键盘，输入框就没有继续输入内容。这个属性设置控件获取到焦点的策略。

控件获取到焦点的方式通常为鼠标点击和tab键。

拖多个Line Edit控件到界面，运行查看，默认鼠标左键和tab键可以修改焦点。修改属性的focusPolicy为NoFocus，这个框就得不到焦点了。

5、styleSheet

通过CSS设置widget的样式，这些样式叫QSS，比CSS功能缺失一些。 QSS写的格式和CSS一样。

拖一个控件到界面上，右键修改样式表或者右边属性栏里styleSheet那里也可以修改样式表。

要查看可设置的属性，在Qt文档中搜索Qt Style Sheet。

代码实现夜间模式：

// 拖一个Plain Text Edit
// 拖两个按钮, 分别用来切换日间和夜间模式void Widget::on_pushButton_light_clicked()
{this->setStyleSheet("background-color: write;");ui->plainTextEdit->setStyleSheet("background-color: white; color: black;");ui->pushButton_light->setStyleSheet("color: black");ui->pushButton_dark->setStyleSheet("color: black");
}void Widget::on_pushButton_dark_clicked()
{this->setStyleSheet("background-color: black;");ui->plainTextEdit->setStyleSheet("background-color: black; color: white;");ui->pushButton_light->setStyleSheet("color: white");ui->pushButton_dark->setStyleSheet("color: white");
}

// 更具体的颜色可以这样设置
this->setStyleSheet("background-color: rgb(240, 240, 240);");

虽然这样也不够具体，但日常使用就可以了。

结束。