1、QSS基础-设置同类控件样式
'''
QSS基础:Qt Style Sheet
Qt样式表
用于设置控件的样式和风格(比如控件的背景色,字体颜色,字体大小等)
和CSS的功能比较相似,功能相似
''' from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import * import sys
class BasicQSS(QWidget):
def __init__(self):
super(BasicQSS,self).__init__()
self.setWindowTitle("QSS控件设置样式基础")
self.b1=QPushButton("按钮1")
self.b2=QPushButton("按钮2") VBox=QVBoxLayout()
VBox.addWidget(self.b1)
VBox.addWidget(self.b2)
self.setLayout(VBox) if __name__=="__main__":
app=QApplication(sys.argv)
p=BasicQSS()
#定义所有button控件的样式背景色为红色
#也可以称为控件选择器
qssStyle='''
QPushButton{
  background-color:red
  }
'''
    p.setStyleSheet(qssStyle)
p.show()
sys.exit(app.exec_())

2、QSS选择器设置特定控件样式
'''
QSS基础:Qt Style Sheet
设置某些特定的控件样式
''' from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import * import sys
class QSSselector(QWidget):
def __init__(self):
super(QSSselector,self).__init__()
self.setWindowTitle("QSS选择器设置特定控件样式")
self.b1=QPushButton("按钮1")
self.b2=QPushButton("按钮2")
self.b3=QPushButton("按钮3") #设置控件2的属性,通过属性来进行特定设置样式
self.b1.setProperty("name","bt1")
self.b2.setProperty("name", "bt2") VBox=QVBoxLayout()
VBox.addWidget(self.b1)
VBox.addWidget(self.b2)
VBox.addWidget(self.b3)
self.setLayout(VBox) if __name__=="__main__":
app=QApplication(sys.argv)
p=QSSselector() #控件选择器设置特定控件的属性
qssStyle='''
QPushButton[name="bt2"]{ color:yellow;
height:120;
font-size:60px
}
QPushButton[name="bt1"]{ color:black;
height:60;
font-size:30px
}
'''
p.setStyleSheet(qssStyle)
p.show()
sys.exit(app.exec_())

3、QSS子控件选择器
'''
举例:QComboBox 选择主控件的子控件样式-即一部分组成
''' from PyQt5.QtWidgets import *
import sys
class QSSselector(QWidget):
def __init__(self):
super(QSSselector,self).__init__()
self.setWindowTitle("QSS子控件选择器")
combox=QComboBox(self) #设置下拉列表的控件名称
combox.setObjectName("myComboBox") combox.addItem("Windows")
combox.addItem("Linux")
combox.addItem("Mac OS X") combox.move(50,50)
self.setGeometry(250,200,320,150) if __name__=="__main__":
app=QApplication(sys.argv)
p=QSSselector() #子控件选择器设置下来箭头的图像形式
qssStyle='''
QComboBox#myComboBox::drop-down{
image:url(./image/1.png)
}
'''
p.setStyleSheet(qssStyle)
p.show()
sys.exit(app.exec_())

4、QSS设置方法为标签和按钮添加背景图
'''
使用Qss设定标签和按钮的背景图
''' from PyQt5.QtWidgets import *
import sys class labelback(QWidget):
def __init__(self):
super(labelback,self).__init__()
self.setWindowTitle("设置标签背景图")
self.resize(512,288) label=QLabel(self)
label.setToolTip("这是一个文本标签")
#为label添加背景图
label.setStyleSheet("QLabel{border-image:url(./image/1.png);}")
label.setFixedWidth(400) #设置最大宽度
label.setFixedHeight(200) b1=QPushButton(self)
b1.setObjectName("b1")
b1.setMaximumSize(100,100) #设置最大宽度与最高宽度
b1.setMinimumSize(48,48) #为button设置背景图(b1为显示背景图,b1:Pressed是指按下时图片)
style='''
#b1{
border-radius:4px;
background-image:url("./image/0.jpg");
}
#b1:Pressed{
background-image:url("./image/1.png");
}
'''
b1.setStyleSheet(style) v=QVBoxLayout()
v.addWidget(label)
v.addWidget(b1)
v.addStretch() #添加一下拉伸,随着两控件的大小来进行基于左上角自动伸缩
self.setLayout(v) if __name__=="__main__":
app=QApplication(sys.argv)
p=labelback()
p.show()
sys.exit(app.exec_())

5、装载QSS文件
'''
在PyQt5中动态装载CSS文件
'''
from PyQt5.QtWidgets import *
import sys #定义动态读取qss文件类
class common:
@staticmethod
def readQSS(style):
with open(style,"r") as f:
return f.read() class main(QMainWindow): def __init__(self):
super(main,self).__init__()
self.setWindowTitle("动态加载QSS文件")
self.resize(477,258)
b1=QPushButton("装载QSS文件按钮")
b1.setToolTip("提示文本")
v=QVBoxLayout()
v.addWidget(b1)
b1.clicked.connect(self.onclick)
self.setLayout(v) w=QWidget(self)
self.setCentralWidget(w)
w.setLayout(v) def onclick(self):
stylefile="./style.qss" #本地QSS文件
c=common()
qssstyle=c.readQSS(stylefile)
p.setStyleSheet(qssstyle) if __name__=="__main__":
app=QApplication(sys.argv)
p=main()
p.show()
sys.exit(app.exec_())
#本地QSS文件style.qss文件代码
QMainWindow{
border-image:url(./image/1.png);
}
QToolTip{
border:1px solid rgb(45,45,45);
background:white;
color:red
}

												

QSS基础-设置控件样式的更多相关文章

  1. UWP入门(四)--设置控件样式

    原文:UWP入门(四)--设置控件样式 官方定义:可以使用 XAML 框架通过多种方式自定义应用的外观. 通过样式可以设置控件属性,并重复使用这些设置,以便保持多个控件具有一致的外观. 可分享至不同e ...

  2. UWP 设置控件样式四种方法

    1.隐式方法,通过仅指定 Style 的 TargetType.(设置全部的Button样式) <Page.Resources > <Style TargetType="B ...

  3. C#:设置控件样式(待补充)

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.W ...

  4. qt 设置程序控件样式

    1. 以资源文件的形式设置控件样式 QFiledata(QString(":/style.qss")); QStringqssFile; if(data.open(QFile::R ...

  5. WPF:DataTemplateSelector设置控件不同的样式

    原文 WPF:DataTemplateSelector设置控件不同的样式 最近想实现这么个东西,一个ListBox, 里面的ListBoxItem可能是文本框.下拉框.日期选择控件等等. 很自然的想到 ...

  6. IrisSkin 单独控件样式设置 不使用皮肤样式

    可以设置控件的Tag为this.skinEngine1.DisableTag [DefaultValue()] [Description("If you do not want skin t ...

  7. WPF设置控件获取键盘焦点时的样式FocusVisualStyle

    控件获取焦点除了用鼠标外,可以通过键盘来获取,比如Tab键或者方向键等,需要设置控件获取键盘焦点时的样式,可以通过设置FrameworkElemnt.FocusVisualStyle属性, 因为几乎所 ...

  8. WPF设置全局控件样式

    原文:WPF设置全局控件样式 方法: 在资源文件APP.XAML中添加如下资源 <Application x:Class="_360UI.App" xmlns="h ...

  9. WP8.1学习系列(第二十五章)——控件样式

      XAML 框架提供许多自定义应用外观的方法.通过样式可以设置控件属性,并重复使用这些设置,以便保持多个控件具有一致的外观. 路线图: 本主题与其他主题有何关联?请参阅: 使用 C# 或 Visua ...

随机推荐

  1. Web服务与应用

    一.Apache 1.1 简介 Apache是一个高稳定,商业级别开源的Web服务器 1.2 下载镜像 DockerHub官方提供Apache镜像不带PHP环境,也就是不是动态网页页面,只能生成静态的 ...

  2. java_基础_注解

    注解(annotation),不是注释(comment) 注解可以对程序做说明,这一点和注释一样但是,注解还可以被其他程序读取,这是注释所不具备的 内置注解:@Override(表示重写父类方法)—— ...

  3. Educational Codeforces Round 82 (Rated for Div. 2)E(DP,序列自动机)

    #define HAVE_STRUCT_TIMESPEC #include<bits/stdc++.h> using namespace std; ],t[]; int n,m; ][]; ...

  4. Go_json

    package main import ( "encoding/json" "fmt" ) // 结构体与json // 1.序列化: 把Go语言中的结构体变量 ...

  5. 【vue】 router.beforeEach

    import store from '@/store' const Vue = require('vue') const Router = require('vue-router') Vue.use( ...

  6. 在同一个tomcat下部署多个springboot项目时,springboot项目无法正常启动的问题

    这个问题是基于,不使用springboot内置的tomcat会产生(即使用自己的tomcat时). 今天在部署springboot项目的时候遇到了一个问题,怎么部署都访问不了,在网上查了很多原因,什么 ...

  7. 修改vsftpd的默认根目录/var/ftp/pub到其他目录

    修改ftp的根目录只要修改/etc/vsftpd/vsftpd.conf文件即可: 加入如下几行: local_root=/var/www/html chroot_local_user=YES ano ...

  8. Qt入门-表格类QTableWidget

    原文 :http://blog.csdn.net/xgbing/article/details/7774737 表格是GUI中常用的控件,在Qt中,常用的表格类是QTableWidget. 示例: Q ...

  9. opencv:二值图像的概念

    灰度图像与二值图像 二值分割 #include <opencv2/opencv.hpp> #include <iostream> using namespace cv; usi ...

  10. vue中用 async/await 来处理异步

    原文作者:https://www.cnblogs.com/SamWeb/p/8417940.html 昨天看了一篇vue的教程,作者用async/ await来发送异步请求,从服务端获取数据,代码很简 ...