首页 > 其他分享 >Qt 给QCheckBox增加样式

Qt 给QCheckBox增加样式

时间:2023-11-28 17:47:30浏览次数:46  
标签:indicator CheckBox Qt 样式 image QCheckBox url checkbox

一、概述

  做一个好看的QCheckBox

二、示例

  1.样式

QCheckBox {
    spacing:5px; 
}

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

QCheckBox::indicator:unchecked {
    image: url(:images/icon_checked.png);
}

QCheckBox::indicator:unchecked:disabled {
    image: url(:/buttonbg/checkbox_disable);
}

QCheckBox::indicator:unchecked:hover {
    image: url(:/buttonbg/checkbox_hover);
}

QCheckBox::indicator:checked {
    image: url(:/buttonbg/checkbox_down);
}

QCheckBox::indicator:indeterminate {
    image: url(:/buttonbg/checkbox_indeterminate);
}

  2.CheckBox.h/CheckBox.cpp

#include "CheckBox.h"

CheckBox::CheckBox(QWidget *parent)
    : QCheckBox(parent)
{
    //这里设置一个默认的样式
    QString css = StyleHelper::getStyleSheet(StyleConfig::COMMON_EDITTEXT_DEFAULT());
    this->setStyleSheet(css);
}

CheckBox::~CheckBox()
{
}

  3.使用

    //CheckBox
    CheckBox* cb = new CheckBox();

  4.使用

 

标签:indicator,CheckBox,Qt,样式,image,QCheckBox,url,checkbox
From: https://www.cnblogs.com/tony-yang-flutter/p/17862523.html

相关文章

  • MQTT vs. HTTP: which one is the best for IoT?
    MQTTvs.HTTP:whichoneisthebestforIoT? BeginnersGuideToTheMQTTProtocolhttp://www.steves-internet-guide.com/mqtt/翻译搜索复制......
  • Qt给QRadioButton设置自定义样式
    一、概述做一个好看的QRadioButton。可以选中,取消选中。二、代码示例1.样式QRadioButton::indicator::unchecked{border-image:url(images/user_protocol_uncheck.webp);}QRadioButton::indicator::checked{border-image:url(images/user_protocol_......
  • 自定义滚动条样式
    在要添加滚动条的标签样式中添加,注意lang="less“1::-webkit-scrollbar{2width:12px;3background-color:#f1f1f1;4}5/*定义滑块内阴影+圆角*/6::-webkit-scrollbar-thumb{7background-color:#cac8c8;8border:2pxsolid#f1f1f......
  • Qt 6.6.1 修复了 400 多个 bug
    Qt6.6 于上个月正式发布,引入了QtGraphs、更强大的Wayland支持、各种渲染增强功能等等。Qt是一个跨平台的应用程序开发框架,广泛用于创建图形用户界面、嵌入式系统和移动应用等。Qt6是Qt的最新版本,于2022年12月发布,带来了许多新特性和改进,如更强大的QML语言、更......
  • Qt自定义QLineEdit
    一、概述自定义QLineEdit,让QLineEdit变的好看一点。实现效果:1.普通输入(可以输入汉字、字符、数字)2.只能输入数字3.密码模式输入框二、代码示例1.创建EditText.h和EditText.cpp[默认样式]#include"EditText.h"EditText::EditTex......
  • QToolBar右侧添加QAction
    使用QToolBar的addWidget,添加一个可伸缩的空QWidget//Action放右侧:使用QToolBar的addWidget,添加一个可伸缩的空QWidget。QWidget*spacer=newQWidget;spacer->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);ui->toolBar->addWidget(spacer);//之后的QActi......
  • Qt创建一个自定义QPushButton
    一、概述使用Qt创建一个通用的QPushButton。应用一些样式把按钮做的好看一些。步骤:1.新建一个Button类然后继承QPushButton2.设置Button的通用样式(ps:使用.qss文件的形式应用样式)3.个性化设置不同的样式4.做一个圆角按钮、带图标按......
  • vue引入外部样式只在当前文件生效
    引入外部文件时,想要只在当前组件使用,但是我们使用如下方式时,会在全局使用。因为在scoped起作用的时候,import还没有引入这个文件<stylescoped>@import"../../xx.css"</style>使用以下方式即可<stylescopedsrc="../../xx.css"></style> ......
  • QT第2课-GUI程序实例分析
    GUI程序开发概述不同的操作系统GUI开发原理相同不同的操作系统GUISDK不同GUI程序开发原理GUI程序在运行时会创建一个消息队列系统内核将用户的键盘鼠标操作翻译成对应的程序消息程序在运行过程中需要实时处理队列中的消息当队列中没有消息时,程序将处于停滞状态,等待用户操作经典......
  • Civil 3D导入样式后修改相应设置
    在上一篇随笔中,展示了从样板文件中导入样式到当前文档中,某些情况下,导入样式后需要"使用"从样式,比如创建横断面图时想使用刚刚导入的样式作为默认样式,只需简单的几行代码即可完成相应的操作。 下面是上一篇随笔中的代码修改后的情况: publicvoidC_SETest(){stri......