qt设置控件的风格样式

这篇具有很好参考价值的文章主要介绍了qt设置控件的风格样式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

设置tablewidget

ui.tableWidget_MaterialLibrary->setStyleSheet("QTableView {"
        "color:#DCDCDC;"
        "background-color: #444444;"
        "border: 1px solid #242424;"
        "alternate-background-color:#525252;"
        "gridline-color: #242424;"
        "}"
        "QHeaderView::section {"
        "background-color: #444444;"
        "font:13pt '黑体';"
        "color: rgb(57,233,235);"
        "}"
        "QScrollBar:horizontal {"
        "background-color: #f5f5f5;"
        "height: 10px;"
        "}"
        "QScrollBar::handle:horizontal {"
        "background-color: #ccc;"
        "border-radius: 5px;"
        "}"
        "QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {"
        "background-color: #f5f5f5;"
        "width: 10px;"
        "}"
        "QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {"
        "background-color: #f5f5f5;"
        "}");

设置表头样式

 ui.tableWidget_MaterialLibrary->horizontalHeader()->setStyleSheet("QHeaderView::section{background-color:#444444;font:13pt '黑体';color: rgb(57,233,235);}");

设置Lineedit样式

   QString sSheet = "QLineEdit {"
        "background-color: #444444;"//背景颜色
        "border: 1px solid #ccc;"//边框颜色
        "border-radius: 5px;"//边框弧度
        "padding: 2px;"
        "border-width:2px;"//边框大小
        "color:#DCDCDC;"//前景颜色 字体颜色
        "}";
    ui.lineEdit->setStyleSheet(sSheet);

设置GroupBox样式

 QString  sSheet = "QGroupBox {"
        "border: 1px solid #444444;"
        "border-radius: 5px;"
        "margin-top: 10px;"
        "}"
        "QGroupBox::title {"
        "subcontrol-origin: margin;"
        "subcontrol-position: top left;"
        "padding: 5px;"
        "background-color: #f5f5f5;"//透明白色
        "}"
        "QGroupBox::indicator {"
        "width: 15px;"
        "height: 15px;"
        "}"
        "QGroupBox::indicator:unchecked {"
        "border: 1px solid #ccc;"
        "border-radius: 7px;"
        "background-color: white;"
        "}"
        "QGroupBox::indicator:checked {"
        "border: 1px solid #0078d7;"//蓝色
        "border-radius: 7px;"
        "background-color: #00FF00;"//绿色
        "}";
    ui.groupBox->setStyleSheet(sSheet);

设置CheckBox的样式

sSheet = "QCheckBox {"
    "spacing: 5px;"
    "}"
    "QCheckBox::indicator {"
    "width: 15px;"
    "height: 15px;"
    "}"
    "QCheckBox::indicator:unchecked {"
    "border: 1px solid #ccc;"
    "background-color: white;"
    "}"
    "QCheckBox::indicator:checked {"
    "border: 1px solid #0078d7;"
    "background-color: #FF0000;"
    "}";
ui.checkBox->setStyleSheet(sSheet);

设置PushButton的样式

sSheet = "QPushButton {"
    "background-color: #444444;"
    "border: 1px solid #ccc;"
    "border-width:2px;"//边框大小
    "color: white;"
    "padding: 5px 16px;"
    "border-radius: 5px;"
    "}"
    "QPushButton:hover {"
    "background-color: #005ea3;"
    "}"
    "QPushButton:pressed {"
    "background-color: #00FFFF;"
    "}";
ui.pushButton_add->setStyleSheet(sSheet);

设置RadioButton的样式

  sSheet = "QRadioButton {"
        "spacing: 5px;"
        "}"
        "QRadioButton::indicator {"
        "width: 15px;"
        "height: 15px;"
        "}"
        "QRadioButton::indicator:unchecked {"
        "border: 1px solid #ccc;"
        "border-radius: 7px;"
        "background-color: white;"
        "}"
        "QRadioButton::indicator:checked {"
        "border: 1px solid #0078d7;"
        "border-radius: 7px;"
        "background-color: #0078d7;"
        "}";

    ui.radioButton_p80->setStyleSheet(sSheet);

设置ComboBox的样式

 sSheet = "QComboBox {"
        "background-color: #FF6347;"// 设置背景颜色
        "border: 1px solid #ccc;"// 设置背景颜色为白色
        "border-radius: 5px;"// 设置边框的圆角为5像素
        "padding: 2px;"// 设置内边距为2像素的上下边距和8像素的左右边距
        "}"
        "QComboBox::drop-down {"
        "subcontrol-origin: padding;"// 设置内边距为2像素的上下边距和8像素的左右边距
        "subcontrol-position: top right;"// 设置内边距为2像素的上下边距和8像素的左右边距
        "width: 15px;"// 设置下拉按钮的宽度为20像素
        "border-left-width: 1px;"
        "border-left-color: #ccc;"
        "border-top-right-radius: 5px;"// 设置下拉按钮的右上角圆角为5像素
        "border-bottom-right-radius: 5px;"// 设置下拉按钮的右下角圆角为5像素
        "background-color: #ADD8E6;" // 设置下拉按钮的背景颜色为浅灰色
        "}"
        "QComboBox::down-arrow {"
        "image: url(:/images/down_arrow.png);" // 
        "}";
    ui.comboBox->setStyleSheet(sSheet);

设置Label的样式文章来源地址https://www.toymoban.com/news/detail-633824.html

sSheet = "QLabel {"
    "color: #333;"
    "border:1px solid #ccc;"
    "}";
ui.label_2->setStyleSheet(sSheet);

到了这里,关于qt设置控件的风格样式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • QT 的桌面应用界面有风格设置

    Qt 的桌面应用界面提供了风格设置的功能。Qt 支持多种风格,可以根据用户的喜好或应用程序的需求来选择适合的风格。 Qt 的风格设置可以通过 QApplication 类的 setStyle() 函数来实现。您可以选择以下几个常用的风格: QWindowsStyle:Windows 风格 QMacStyle:Mac 风格 QFusionStyle:融合风

    2024年02月02日
    浏览(39)
  • 【QT入门】 Qt自定义控件与样式设计之QPushButton实现鼠标悬浮按钮弹出对话框

    往期回顾: 【QT入门】 Qt自定义控件与样式设计之qss选择器-CSDN博客 【QT入门】 Qt自定义控件与样式设计之QLineEdit的qss使用-CSDN博客 【QT入门】Qt自定义控件与样式设计之QPushButton常用qss-CSDN博客 鼠标悬浮弹出对话框的功能:最终要实现纯代码设计出一个音量按钮,当鼠标悬浮

    2024年04月23日
    浏览(41)
  • QT设置QPushButton样式

       

    2024年02月07日
    浏览(52)
  • C#Winform的DataGridView控件使用详解2—DataGridView表格样式设置及表格操作

    在展示和处理二维数据时,我们常常会想起Excel。但是使用Excel自带的各种函数处理较为繁琐的步骤时显得略显吃力,如果使用Excel自带宏编程,可能会对VB语言不甚熟悉或是感觉不nice。这个时候,熟悉C#编程语言的你,就需要用到DataGridView控件,设计一款二维数据处理利器。

    2024年02月03日
    浏览(51)
  • 【VUE3】ElementUI--el-date-picker下拉控件样式修改(高亮显示设置)

    可以看到在截图中这个日期默认高亮显示的是30号,但是我选中其他日期后30号这个数字的高亮并没有移除。 年、月的样式同理。 这显然是不符合需求的,但是又需要用到这些控件,所以就可以通过style来改写el-date-picker的对应样式,以使组件达到需求要求的效果。 于是我通

    2024年02月02日
    浏览(73)
  • Qt通过QSS设置QPushButton的样式

    为了美化界面,有时候需要修改QPushButton的样式,让一个QPushButton上面既要显示图标,又要显示文字内容 起初我的做法是重写QPushButton,这样做可以实现,但是有几个问题 实现比较繁琐 每次使用UI编辑器设计界面的时候,对每一个QPushButton都要做一次提升 为了解决上面的问题

    2024年02月13日
    浏览(47)
  • QT控件通过qss设置子控件的对齐方式、大小自适应等

    一些复杂控件,是有子控件的,每个子控件,都可以通过qss的双冒号选择器来选中,进行独特的样式定义。很多控件都有子控件,太多了,后面单独写一篇文章来介绍各个控件的子控件。这里就随便来几个例子 例如下拉列表控件,右边有个下拉按钮(QComboBox::drop-down)就是子

    2024年02月15日
    浏览(41)
  • 【Qt UI相关】Qt设置窗体或控件的背景色透明

    在Qt中, QPalette (调色板)类用于设置窗体或控件的外观颜色。首先,需要在代码中包含 QPalette 或 QGui 头文件。 然后,在构造函数中添加以下代码来设置窗体的透明度: 这里,我们使用 QPalette::Background 来设置窗体的背景色,并将其设置为全透明。 效果: 窗口整体透明,但

    2024年02月05日
    浏览(58)
  • 【QT】一 设置布局后,控件大小会自动变化,如何设置想要的

    目录 1. 设置好控件大小 2. 设置布局  3. 设置layout  给一个QWidget控件内部设置布局后,原来内部的控件大小变小了,如何解决?           把最小值设置好。         选择整体,选择布局方式,这里为水平布局。 你会发现,可能显示不全。 选择整体,属性拉到最下面,

    2024年02月11日
    浏览(81)
  • Qt循环设置控件(LineEdit、label)的内容

    场景问题: 比如当我们遇到下位机有很多个端口的时候,上位机也需要在ui界面上设置相应的控件,以及显示端口的IP信息。通常,我们向下位机发送指令,会获取到所有的端口的IP。 最开始的时候,我是这样把一打数据放进LineEdit中的:         先用split函数把接收到的数据

    2024年02月11日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包