PyQt5 QComboBox 下拉框樣式 滾動條

PyQt5 QComboBox 下拉框添加滾動條

PyQt5實作QComboBox的樣式設定。

完整代碼

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'untitled.ui'
#
# Created by: PyQt5 UI code generator 5.9.2
#
# WARNING! All changes made in this file will be lost!

from PyQt5 import QtCore, QtGui, QtWidgets
import sys


class Ui_Form(object):
    def setupUi(self, Form):
        country = ["中國", "新加坡", "菲律賓", "澳洲", "1", "2", "3", "4", "5", "6", "7", "8"]
        Form.setObjectName("Form")
        Form.resize(1280, 800)

        Form.move(250, 180)

        self.comboBox = QtWidgets.QComboBox(Form)
        self.comboBox.setGeometry(QtCore.QRect(400, 310, 323, 51))
        self.comboBox.addItems(country)
        # self.comboBox.view().setVerticalScrollBarPolicy(QtCore.Qt.ScrollBarAsNeeded)

        self.comboBox.setStyleSheet("QComboBox {"
                                    "combobox-popup: 0;\n"  # 滾動條設定必需
                                    "border-style:none; "
                                    "padding-left:80px;  "   # 字型距離左邊的距離
                                    "width:48px; "
                                    "height:24px; "
                                    "font-size:24px; "
                                    "font-family:PingFangSC-Regular,PingFang SC; "
                                    "font-weight:400; "
                                    "color:rgba(93,169,255,1);\n"
                                    "line-height:24px; }\n"
                                    
                                    "QComboBox:drop-down {"  # 選擇箭頭樣式
                                    "width:40px;  "
                                    "height:50px; "
                                    "border: none;  "
                                    "subcontrol-position: right center; "  # 位置
                                    "subcontrol-origin: padding;}\n"  # 對齊方式

                                    "QComboBox:down-arrow {"  # 選擇箭頭，繼承drop-down
                                    "border: none; "
                                    "background: transparent; "
                                    "image: url(\"./ui/image/down.png\");}\n"

                                    "QComboBox:down-arrow:pressed { image: url(\"./ui/image/up.png\"); }\n"  # 選擇箭頭

                                    "QComboBox QAbstractItemView {"  # 下拉選項樣式
                                    "color:black; "
                                    "background: transparent; "
                                    "selection-color:rgba(93,169,255,1);"
                                    "selection-background-color: rgba(255,255,255,1);"
                                    "}\n"
                                    
                                    "QComboBox QAbstractScrollArea QScrollBar:vertical {"  # 滾動條樣式
                                    "width: 6px;\n"
                                    "height: 100px;"
                                    "background-color: transparent;  }\n"

                                    "QComboBox QAbstractScrollArea QScrollBar::handle:vertical {\n"  # 滾動條樣式
                                    "border-radius: 3px;   "
                                    "background: rgba(0,0,0,0.1);}\n"

                                    # "QComboBox QAbstractScrollArea QScrollBar::handle:vertical:hover {\n"  # 劃過滾動條，變化
                                    # "background: rgb(90, 91, 93);}\n"

                                    "QComboBox QScrollBar::add-line::vertical{"  # 滾動條上箭頭
                                    "border:none;}"
                                    "QComboBox QScrollBar::sub-line::vertical{"  # 滾動條下箭頭
                                    "border:none;}"
                                    "")
        self.comboBox.setMaxVisibleItems(5)
        # self.comboBox.setMaxCount(24456232)
        self.comboBox.setObjectName("comboBox")

        self.retranslateUi(Form)
        QtCore.QMetaObject.connectSlotsByName(Form)

    def retranslateUi(self, Form):
        _translate = QtCore.QCoreApplication.translate
        Form.setWindowTitle(_translate("Form", "Form"))
        # self.comboBox.setItemText(0, _translate("Form", "111"))
        # self.comboBox.setItemText(1, _translate("Form", "222"))


if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    widget = QtWidgets.QWidget()
    setupUi1 = Ui_Form()
    setupUi1.setupUi(widget)
    widget.show()
    # widget.showFullScreen()
    sys.exit(app.exec_())