QT样式表,setstylesheet,控件使用图片

您所在的位置:网站首页 双人床样式图片大全 QT样式表,setstylesheet,控件使用图片

QT样式表,setstylesheet,控件使用图片

2024-06-08 14:20| 来源: 网络整理| 查看: 265

Qt的控件样式可以通过多种方法进行设置 1、UI设置 在Qt的设计页面,右键控件即可弹出菜单,选择改变样式表,如图 这里写图片描述 在弹出的样式表编辑框中,可以对样式表进行各种修改 这里写图片描述这里写图片描述这里写图片描述这里写图片描述 还可以在控件属性栏进行设置样式表:字体、大小等 这里写图片描述

2、代码设置样式表 以按钮为例,介绍代码设置样式表,需要包含头文件QStylesheet

//设置全局样式表使用this,按钮正常态、悬浮态、按压态顺序不能错 this->setStyleSheet("QPushButton{font-family:Microsoft Yahei;color:white;background-color:rgb(0 , 0 , 0);border-radius:5px;}" "QPushButton:hover{background-color:rgb(255 , 0 , 0);}" "QPushButton:pressed{background-color:rgb(255 , 255 ,255);padding-left:3px;padding-top:3px;}" ); //单个样式表设置 //ui->pushButton->setStyleSheet("pressed{background-color:rgb(14 , 135 , 228);padding-left:3px;padding-top:3px;}"); //对于同一个控件,如果同时用UI和样式表设置,UI的设置会覆盖样式表 //使用#指定某个控件 this->setStyleSheet(QString::fromUtf8( "QLabel#label_title{border-radius:20px;background:#30495a;font-size:18px;color:#ffffff;}\n" "QLabel#label_status{border-radius:20px;background:#9cc03d;font-size:18px;color:#ffffff;}\n"));

设置边框:border-top:1px solid black; 宽度、风格、颜色

3、UI控件使用图片 这里写图片描述

通过代码使用图片

// ui->ButtonPre->setStyleSheet("background-image:url(:/source/image/back.png);}");

样式表自查快速参考:http://www.w3school.com.cn/cssref/index.asp#padding



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3