Qss样式（二）

Qss 其实就是一段文本,当然得按一定格式来写.下面请看Qss的语法格式: 选择器 { 属性1:值:属性2:值:--属性n:值:} 对应上篇文章的Qss样式: 现在我们可以来解释这段话的意思了: 对应用程序中的QPushButton类的背景色.文本颜色(background-color.color)使用指定的rgb值(rgb(120,120,120).rgb(0,230,230)). 看来写Qss样式,得先确定选择器符号.那么选择器符号有哪些呢? 先看表1,可以充当选择器的符号选择器实例可…

Qt之界面实现技巧-- 窗体显示，绘制背景，圆角，QSS样式

转自 --> http://blog.sina.com.cn/s/blog_a6fb6cc90101dech.html 总结一下,在开发Qt的过程中的一些技巧!可遇而不可求... 一.主界面 1.无边框 setWindowFlags(Qt::FramelessWindowHint) 2.界面始终位于顶部位置 setWindowFlags(Qt::WindowStaysOnTopHint) 3.任务栏图标点击时进行显示/不显示切换 setWindowFlags(Qt::WindowMinimize…

Qt系统对话框中文化及应用程序实现重启及使用QSS样式表文件及使用程序启动界面

一.应用程序中文化 1).Qt安装目录下有一个目录translations/,在此目录下有qt_zh_CN.ts和 qt_zh_CN.qm把它们拷贝到你的工程目录下. 2).在main函数加入下列代码:QTranslator translator(0); translator.load("qt_zh_CN.qm");QApplication app(argc, argv);app.installTranslator(&translator);别忘了头文件包含QTranslato…

GUI学习之三十四——QSS样式表

今天是一个大课题:QSS样式表一.概念: QSS是Qt Style Sheet——Qt样式表,是用来自定义控件外观的一种机制;可以把他类比成CSS,但是不及其功能强大. 二.使用: 我们做一个模板,可以在后面来演示 from PyQt5.Qt import * import sys class Window(QWidget): def __init__(self): super().__init__() self.UI_test() self.resize(800,600) def UI_te…

QWidget使用qss样式的background-image属性

最近在学习Qt使用QSS样式美化窗口部件的内容.发现在对QWidget应用background-image改变窗口背景图片时,QWidget的窗口背景并未生效.工程建立如下: 1.新建 Qt Application 工程 2.窗口选择从 QWidget 继承 3.最后生成的工程目录 4.工程源文件如下 main.cpp ? 1 2 3 4 5 6 7 8 9 #include "qwdg_backimage.h" #include <QtGui/QApplication&g…

QSS 样式表（一）

在开发应用程序时,往往对界面的美观有一定的要求.Qt 引入了 QSS 机制,使得界面的美化工作变的轻轻松松.嗯,QSS听着有点耳熟.是的,QSS的语法和CSS类似.在此做些总结. 先来看一个简单的例子. #include <QtGui/QPushButton> #include <QtGui/QWidget> #include <QTextCodec> #include <QtGui/QHBoxLayout> #include <QtGui/QAppl…

如何在普清的屏上调试CSS样式二倍图背景

背景: 最近就遇到一个同事的项目,还是像平常一样小心切图,认真对像素. 一切测试都没有问题,顺利上线. 但是,上线之后,产品经理跑过来说,有BUG. BUG描述:(不认为是BUG) 前端页面上的图标是虚的. 环境:mackbook pro retina屏现象: 给了一个截图图标是虚的 BUG修复要求: 对图标进行修正,使在retina屏上图标依旧是清晰的. 分析: 到这里,做过移动端页面的都知道,这是没有双倍图呀. 修复方法: 第一步,让设计师出对应图标的双倍图第二步,使用css的medi…

Qt的Qss样式

http://www.cnblogs.com/coffeegg/archive/2011/11/15/2249452.html(转) http://blog.csdn.net/cgzhello1/article/details/8514113 加载Qss文件http://www.tuicool.com/articles/fAF7zq Qss 实例http://blog.csdn.net/sdljlcming/article/details/8602659 将文件添加到树形工程中:http://b…

QT源码剖析之QSS样式表

1. "QApplication::setStyleSheet()"设置样式表: 1. 创建新的样式表. 2. 设置新的样式. void QApplication::setStyleSheet(const QString& styleSheet) { QApplicationPrivate::styleSheet = styleSheet; QStyleSheetStyle *proxy = qobject_cast<QStyleSheetStyle*>(QAppl…

bootstrap全局样式二

加form-grope是为了以后更好的管理,一组form写一个form-grope 显示如下: 并排显示的话,给用户名前面再加一个div,再加horizontal,如下,并且加上control-label,更好的居中显示: 显示如下: 禁用: 大一些的显示如下: 正常的: 显示如下: 小一些的: 显示如下: 按钮.图片: 如果不加btn,直接写,btn-default,那么样式不会起作用: 显示: btn写的样式: 预定义样式: btn的样式写法: btn-default写法: btn-lg写…

QSS 样式示例：QTreeWidget, QComboBox,QSlider,QSpinBox

目录 Image 填充整个控件的区域 QTreeWidget QSpinbox 的上翻下翻按钮和箭头 QComboBox 的设置,大坑 QSlider 最近需要对一个软件加上Qt界面和的样式,第一次使用CSS/QSS,很多东西都是现查现用.现在把一些样式的配置记录下来备查. Image 填充整个控件的区域 border-image 会填充整个控件的区域, image会按照实际大小加载,background-image 会多次重复填充整个区域 QTreeWidget TreeWidget的 ch…

qss 样式不生效--注释不能嵌套

qss 兼容 css 调qt样式的时候出现一个很奇怪的问题删掉注释掉的内容样式正常,不删注释 ,注释后面的样式全部失效.有点困惑的是: 感觉很困惑,后来发现里面有行中文注释,删掉中文注释就行了,以为是由于编码失败的问题.以为编码转换时引起的一些问题,但是打开注释还能正常显示样式. 本来一直以为qss 对中文支持不太好,直到用到了,插入代码功能,看颜色值一下就浮现问题了.原来注释不能嵌套!!!都是c/c++注释的思维固化惹的祸! 经验都是一个一个坑堆起来的…… 学了一招,以后多用在线的代码格…

CSS 样式二

CSS文本样式 text-align:设置文本的对齐方式取值: left 向左对齐 right:向右对齐 center:居中对齐 text-indent:设置文本的首行缩进例如,字体设为12px,首行缩进另个字,24px. text-decoration:设置文本的装饰线取值: none 不设置文本装饰线 underline:设置下划线 overline:上划线 line-through:中划线 text-transform:(主要应用于英文文本) 取值: capitali…

QSS样式表之PS黑色风格+白色风格+淡蓝色风格（开源）

用QUI皮肤生成器制作皮肤,基本上不超过一分钟就可以生成一套自己想要的皮肤,只要设置八种颜色即可.本人非常喜欢这套黑色风格样式皮肤,特意分享出来,下载地址:https://download.csdn.net/download/feiyangqingyun/10395105 运行截图:…

text文本样式二

text-transform样式用于将元素的字母全都变成大小 letter-spacing设置字符之间的间距 <html> <head> <style type="text/css"> h1 {letter-spacing: -0.5em} h4 {letter-spacing: 20px} </style> </head> <body> <h1>This is header 1</h1>…

博客CSS样式二

预览可自行更改颜色背景图页面定制 CSS 代码中加入: url为背景图地址,可下载心仪背景图后上传到博客园相册后获取地址 body { color: #000; background: url(https://images.cnblogs.com/cnblogs_com/csyzlm/1893888/o_201204093736timg.jpg) fixed; background-size:100% 100%; background-repeat: no-repeat; font-fam…

css3样式二

1.2D转换通过 translate() 方法,元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数如:div{transform: translate(50px,100px);-ms-transform: translate(50px,100px); /* IE 9 */-webkit-transform: translate(50px,100px); /* Safari and Chrome */-o-transform: translate(50px…

Qss 样式表的尝试

QLineEdit{ border:1px solid #137eb6; padding:2px; background-color:#F5F5F5; } QToolTip{ border:1px solid #1d60ba; background-color:#deeefa; border-radius:4px; color:dark; padding:1px; } QGroupBox{ background-color: qlineargradient(x1:, y1:, x2:, y2:,…

jQuery选择器之样式二

prop()方法和attr()类似,但是HTML5规定有一种属性在DOM节点中可以没有值,只有出现与不出现两种,例如: <input id="test-radio" type="radio" name="test" checked value="1"> <input id="test-radio" type="radio" name="test" c…

QCheckBox 使用本地图片的QSS样式

setStyleSheet 为以下字符串,选中,未选中,有焦点,无焦点时显示不一样的图片 QString("QCheckBox::indicator:unchecked{image:url(%1);}" "QCheckBox::indicator:checked{image:url(%2);}" "QCheckBox::indicator:unchecked:focus{image:url(%3);}" "QCheckBox::indi…

qss 对子控件的设置样式使用setProperty --Qt 之 QSS（动态属性）

https://blog.csdn.net/liang19890820/article/details/51693956 学习了代码: 当鼠标划过控件时,设置样式 void CustomLabelWidget::enterEvent(QEvent *){iconLabel->setProperty("labelState", "hover");textLabel->setProperty("labelState", "ho…

QSS为Qt程序添加不一样的样式

添加 QSS 样式文件在 Qt 项目中新建一个或使用已有的 Qt Resource File,在资源文件下面新建一个普通文件,命名为 Light.qss: 为 Light.qss 添加如下内容: 这里是模仿 bootstrap 的样式格式,为 QPushButton 添加几种情景色,熟悉之后可以自行添加更多的情景模式. 编写 QSS 样式文件时推荐使用 VSCODE(因为 QtCreator 似乎不支持高亮显示该类型的文件,可能有插件可以支持),上图就是从 VSCODE 中截得图,安装 Qt…

CSS样式表及选择器相关内容(二)-伪类与伪元素选择器

伪类与伪元素选择器归纳: 一.伪类选择器(伪类以":"开头,用在选择器后,用于指明元素在某种特殊的状态下才能被选中) 1.a标签伪类选择器,其他标签类似 eg: <style type="text/css"> /*设置a标签未访问样式*/ a:link{ /*coral:珊瑚色*/ color: coral; } /*设置标签访问后样式*/ a:visited{ color:red; } /*设置鼠标悬停a标签时的样式*/ a:hov…

Pyqt QSS简单的Ui美化

什么是QSS QSS 是Qt StyleSheet 的简称,意思就是qt的样式表格,StyleSheet 可以像CSS一样的写样式.使页面美化跟代码层分开,利于维护. QSS的语法同css一样,他也是由一个selector与一个declaration形成,selector指定了是对哪一个控件发生后果,而declaration才是真实的发生作用的语句.如: QPushButton { background-color: red } QPushButton指定了是对所有的QPushButton或是…

Qt实现FlatUI样式(开源)

对于现在做前端开发人员来说,FlatUI肯定不陌生,最近几年扁平化的设计越来越流行,大概由于现在PC端和移动端的设备的分辨率越来越高,扁平化反而看起来更让人愉悦,而通过渐变色产生的质感色彩反而没有扁平化来得亲切. Flat UI是基于Bootstrap之上进行二次开发的扁平化前端框架,他提供了动感.时尚的风格色调搭配,简洁.炫丽的功能组件,同时还提供了更为平滑的js交互动画,可以称得上前端扁平化设计框架的优秀代表之一. 既然是扁平化设计框架的优秀代表,当然需要在自己项目中应用应用,本人最早使用V…

【Qss样式（二）】的更多相关文章