Qt 5.14.2 学习记录 —— 팔 QWidget 常用控件(3)

文章目录


1、cursor

改变鼠标光标形状。

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

代码方法,先拖一个按钮到界面上:

cpp 复制代码
#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这个对象来表示一个图片。

cpp 复制代码
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    QPixmap pixmap(":/aaa.png");
    QCursor cursor(pixmap);
    ui->pushButton->setCursor(cursor);
}

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

cpp 复制代码
QCursor cursor(pixmap, 4, 7);

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

图片缩放

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

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

2、font

QFont

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

代码:

cpp 复制代码
#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。

cpp 复制代码
#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、styleSheeyt

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

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

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

代码实现夜间模式:

cpp 复制代码
// 拖一个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");
}
cpp 复制代码
// 更具体的颜色可以这样设置
this->setStyleSheet("background-color: rgb(240, 240, 240);");

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

结束。

相关推荐
落羽的落羽8 分钟前
【C++】神奇的AVL树
开发语言·数据结构·c++·学习
知识分享小能手18 分钟前
Vue3 学习教程,从入门到精通,Vue 3 表单控件绑定详解与案例(7)
前端·javascript·vue.js·学习·前端框架·vue3·anti-design-vue
西京刀客24 分钟前
构建 Go 可执行文件镜像 | 探索轻量级 Docker 基础镜像(我应该选择哪个 Docker 镜像?)
开发语言·docker·golang
amazinging38 分钟前
北京-4年功能测试2年空窗-报培训班学测开-第五十天
python·学习·面试
没有羊的王K1 小时前
SSM框架学习DI入门——day2
java·spring boot·学习
公子绝1 小时前
JAVA学习笔记 使用notepad++开发JAVA-003
java·学习·notepad++·java开发环境
似璟如你1 小时前
Java开发八股文之基础篇+spring+集合
java·开发语言·面试
本杰明1521 小时前
2025/7/14——java学习总结
java·开发语言·学习
2345VOR1 小时前
【C#地图显示教程:实现鼠标绘制图形操作】
开发语言·c#·计算机外设·地图显示鼠标交互
开开心心_Every1 小时前
可增添功能的鼠标右键优化工具
开发语言·pdf·c#·计算机外设·电脑·音视频·symfony