[QT笔记]用图片自定义QCheckBox样式

最新推荐文章于 2024-08-17 18:44:57 发布

yueashuxia

最新推荐文章于 2024-08-17 18:44:57 发布

阅读量2.1w

点赞数 6

分类专栏： QT

本文链接：https://blog.csdn.net/yueashuxia/article/details/52366355

版权

本文记录了在Qt环境中，如何使用图片资源自定义QCheckBox的样式。步骤包括创建Qt资源文件，添加图片，编写qss样式，并在main.cpp中应用这些样式。

摘要由CSDN通过智能技术生成

记录一下大致的过程，避免将来忘记。

实现环境：Qt Creator 3.2.1 Based on Qt5.3.2 (GCC 4.9.2, 32bit)

项目类型：Qt Widgets Application

1.首先在项目中添加Qt资源文件，命名为resource.qrc。

2.然后在资源文件中添加前缀，默认是/new/prefix1，我将它改为/CheckBox。

3.然后向/CheckBox中添加文件checked.png、uncheked.png、checkedDisabled.png。

添加文件时，选中某个项目文件夹以外路径下的图片后，会提示“无效的文件路径，文件/***/***/checked.png 没有在资源文件的子目录中，您可以选择此文件到一个有效的路径”。此时选择“复制”，将图片复制到项目文件夹下。可以在项目文件夹里面创建文件夹res，进入该文件夹后，选择“保存”。之后也是将图片保存到res文件夹下。

4.在文件管理器中打开项目文件夹下的res文件夹，新建"myStyle.qss"文件，用文本编辑器打开，填写以下内容然后保存：

QCheckBox{
    spacing: 5px;
}

QCheckBox::indicator{
    width: 15px;
    height: 15px;
}

QCheckBox::indicator:unchecked{
    image:url(:/CheckBox/res/unchecked.png);
}

QCheckBox::indicator:checked{
    image:url(:/CheckBox/res/checked.png);
}

QCheckBox::indicator:c