pyqt5中样式(qss)的介绍

本章节介绍如何在pyqt5中设置样式,让页面更加美观,如果不熟悉样式的朋友可以先看下前端样式,其实pyqt5中的样式与前端中css样式类似。参考链接

一、在py文件中直接使用样式

• 1、直接单独一个组件定义样式

  # 给按钮btn设置样式
  self.btn.setStyleSheet('background: cyan; border: none; color: #fff;')
  复制代码

• 2、设置通用样式(只要是QPushButton按钮的都会设置该样式)

  self.setStyleSheet('QPushButton {background: cyan; border: none; color: #fff;}')
  复制代码

• 3、给组件设置id属性

  self.btn1.setObjectName('btn1')
  self.setStyleSheet('QPushButton#btn1{color: #f00; font-size: 20px;}')
  复制代码

二、单独定义一个xx.qss文件来写样式

注意点:在pyqt5中相同的样式好像只能使用一次,与前端css样式有区别

• 1、定义样式

  QPushButton{
      background: cyan;
      border: none;
      color: #fff;
  }
  
  QPushButton:btn1 {
      font-size: 18px;
  }
  复制代码

• 2、在py中引入样式

  def init_ui(self):
      self.btn.resize(100, 30)
      self.btn.move(100,