1. 程式人生 > 其它 >11.5 QSS語法宣告-邊框的圓角設定

11.5 QSS語法宣告-邊框的圓角設定

一、QSS語法宣告-邊框的圓角設定

  • 邊框的圓角設定中注意半徑(radius)的概念,半徑是設定邊框圓角大小的唯一引數

1.基本概念

'''邊框圓角
        border-radius
        border-top-left-radius
        border-top-right-radius
        border-bottom-left-radius
        border-bottom-right-radius
        '''
        '''
        QLabel{
            border-radius:50px;
            border-top-left-radius:50px;
            border-top-right-radius:50px;
            border-bottom-left-radius:50px;
            border-bottom-right-radius:50px;
        }
        '''

        '''邊框圖片:使用四條線把圖片border-image.png裁剪成9份,除了4個角,其他部分按照下面策略排版
        repeat  重複
        round  平鋪
        stretch  拉伸
        border-image:url(border-image.png) 55px 55px 55px 55px repeat 
        border-image:url(border-image.png) 33.33% repeat 
        '''

2.程式碼

from PyQt5.Qt import *
import sys


class Window(QWidget) :
    def __init__(self) :
        super().__init__()
        self.setWindowTitle("QSS-語法宣告-邊框的圓角 - PyQt5中文網")
        self.resize(600, 500)
        self.func_list()

    def func_list(self) :
        self.func()

    def func(self) :
        label1 = QLabel('標籤', self)
        label1.move(100, 100)
        label1.resize(200, 200)
        label1.setStyleSheet('background-color:green;')

        pass


if __name__ == '__main__' :
    app = QApplication(sys.argv)
    window = Window()

    with open('qss11_5.qss', 'r', encoding='UTF-8') as f :
        qApp.setStyleSheet(f.read())

    window.show()
    sys.exit(app.exec_())
  • qss11_5.qss
QLabel{
    border-radius:50;
    border-width:27px;
}

3.效果