PyQt5Day21--輸入控件QComboBox（組合框）+子類QFontComBox

一、QComboBox（組合框）簡介

　　是一個組合控件，默認展示最小的空間給用戶操作，可通過下拉選項界面選取更多預設選項。

二、QComboBox的功能作用

1、數據操作

（1）框架

（2）操作及展示

cb = QComboBox(self)
cb.resize(400, 30)

# 單個添加條目
# cb.addItem("xx1") # 添加條目項
# cb.addItem(QIcon('xxx.png'),"xx2") # 添加帶圖標的條目
# 多個添加
# cb.addItems(['1','2','3']) # 可迭代對象（列表，元組）並且元素為字符串

# 插入條目
# cb.insertItem(1,"xxx") # 索引+內容
# cb.insertItem(1,QIcon('xxx.png'),'xxx') # 索引+圖標+內容
# cb.insertItems(1,('a','b','c')) # 插入多項

# 設置條目
# cb.setItemIcon(3,QIcon('open.png')) # 設置圖片
# cb.setItemText(4,'哈哈') # 修改文本

# 刪除條目
# cb.removeItem(5) # 移除索引為5的項

# 插入分割線
# cb.insertSeparator(2)

# 設置當前編輯文本
# cb.setCurrentIndex(4)  # 一開始顯示的內容，通過索引指定
# cb.setCurrentText('娃哈哈') # 修改當前編輯的內容
# cb.setEditable(True) # 可編輯，可添加
# cb.setEditText('itlike') # 編輯文本，在文本可編輯狀態下才能操作

# 了解
model = QStandardItemModel()

item1 = QStandardItem('item1')
item2 = QStandardItem('item2')
item22 = QStandardItem('item22')

item2.appendRow(item22)
model.appendRow(item1)
model.appendRow(item2)
cb.setModel(model)

cb.setView(QTreeView(cb))  # 設置視圖（多級顯示）

2、常用數據獲取

（1）框架

（2）操作及展示

cb = QComboBox(self)
cb.resize(200, 40)

cb.addItems(['abc', '123', '456'])
cb.addItem(QIcon('xxx.png'), '娃哈哈', {'name': 'itlike'})  # 包含數據的條目

btn = QPushButton(self)
btn.move(300, 10)
btn.setText("測試按鈕")
# btn.clicked.connect(lambda :print(cb.count())) # 獲取條目數
# btn.clicked.connect(lambda :print(cb.currentIndex())) # 獲取當前的索引
# btn.clicked.connect(lambda :print(cb.currentText())) # 獲取當前的內容
# btn.clicked.connect(lambda :print(cb.currentData())) # 獲取當前提條目對應的數據
btn.clicked.connect(
    lambda _, idx=cb.count() - 1: print(cb.itemIcon(idx), cb.itemText(idx), cb.itemData(idx)))  # 獲取最后一個數據

3、數據限制

（1）框架

（2）操作及展示

cb = QComboBox(self)
cb.resize(200, 40)

cb.addItems(['abc', '123', '456'])
cb.addItem(QIcon('xxx.png'), '娃哈哈', {'name': 'itlike'})  # 包含數據的條目

btn = QPushButton(self)
btn.move(300, 10)
btn.setText("測試按鈕")
btn.clicked.connect(lambda: cb.addItem('it'))

# 數據限制
cb.setEditable(True)
cb.setMaxCount(6)  # 設置最多數據條目
cb.setMaxVisibleItems(3)  # 設置當前可展示的條目數

4、常規操作

（1）框架

（2）操作及展示

cb = QComboBox(self)
cb.resize(200, 40)

cb.addItems(['abc', '123', '456'])
cb.addItem(QIcon('xxx.png'), '娃哈哈', {'name': 'itlike'})  # 包含數據的條目

btn = QPushButton(self)
btn.move(300, 10)
btn.setText("測試按鈕")

# 常規操作
cb.setEditable(True)

cb.setDuplicatesEnabled(True)  # 可重復設置

# cb.setFrame(False) # 取消邊框

cb.setIconSize(QSize(60, 60))  # 設置圖標大小
cb.setSizeAdjustPolicy(QComboBox.AdjustToContents)  # 參照內容調整位置

# btn.clicked.connect(lambda :cb.clear()) # 清空所有條目
# btn.clicked.connect(lambda :cb.clearEditText()) # 清空編輯的內容

btn.clicked.connect(lambda: cb.showPopup())  # 修改為點擊彈出

cb.setCompleter(QCompleter(['123', 'abc', 'aaa', 'bbb']))  # 完成器，根據輸入彈出相關內容

# 還有驗證器

5、信號

（1）框架

（2）操作及展示

cb.setEditable(True)
# cb.activated.connect(lambda val:print("條目被激活",val)) # 信號默認發射整型數據，返回索引
cb.activated[str].connect(lambda val: print("條目被激活", val))  # 信號傳遞為字符串，返回更改內容
# cb.currentIndexChanged.connect(lambda val:print("當前索引改變",val)) # 返回改變的索引
# cb.currentIndexChanged[str].connect(lambda val:print("當前索引改變",val)) # 返回改變索引對應的條目名稱
# cb.currentTextChanged.connect(lambda val:print("當前文本改變",val)) # 返回改變條目或者輸入的內容
cb.editTextChanged.connect(lambda val: print("當前編輯的文本改變", val))  # 當前編輯的文本，與上面的一個類似
# cb.highlighted.connect(lambda val:print("高亮文本改變",val)) # 返回索引
cb.highlighted[str].connect(lambda val: print("高亮文本改變", val))  # 返回條目

6、綜合案例

# *******************QComboBox-綜合案例**********************開始
from PyQt5.Qt import *

class Window(QWidget):
    def __init__(self):
        super().__init__()
        self.setWindowTitle("QComboBox綜合案例")
        self.resize(500, 500)
        self.city_dic = {
            "北京":{
                '東城':'001',
                '西城':'002',
                '朝陽':'003',
                '豐台':'004'
            },
            '上海':{
                '黃埔':'005',
                '徐匯':'006',
                '長寧':'007',
                '靜安':'008',
                '松江':'009'
            },
            '廣東':{
                '廣州':'010',
                '深圳':'011',
                '湛江':'012',
                '佛山':'013'
            }
        }
        self.setup_ui()

    def setup_ui(self):
        # 1.創建兩個下拉列表控件
        prov = QComboBox(self)
        city = QComboBox(self)
        prov.move(100,100)
        city.move(200,100)
        self.prov = prov
        self.city = city


        # 3.監聽省下拉列表里面的當前值改變的信號
        prov.currentTextChanged[str].connect(self.prov_changed)
        # self.prov_changed(prov.currentText()) # 調用函數傳參，因為上線的信號與槽第一次不會被調用

        # 4.監聽城市下來列表的當前值發生改變的信號
        city.currentIndexChanged[int].connect(self.city_changed)
        # self.city_changed(city.currentIndex())

        # 2.展示數據到第一個下拉選項控件當中 （先監聽信號，后添加數據，可以省略一些步驟）
        prov.addItems(self.city_dic.keys())

    def prov_changed(self,prov_name):
        print(prov_name)
        # 根據省的名稱，獲取字典里面對應的城市字典
        citys = self.city_dic[prov_name]

        self.city.blockSignals(True)  # 阻斷信號發射
        self.city.clear()
        self.city.blockSignals(False)  # 打開信號發射

        # self.city.addItems(citys.keys())
        for key,val in citys.items():
            self.city.addItem(key,val)

    def city_changed(self,item_idx):
        # print(item_idx)
        print(self.city.itemData(item_idx))


if __name__ == '__main__':
    import sys

    app=QApplication(sys.argv)

    window=Window()
    window.show()
    sys.exit(app.exec_())
# *******************QComboBox-綜合案例**********************結束

三、子類QFontComboBox

　　組合框中填充了按字母順序排列的字體系列名稱列表，讓用戶選擇字體家族。

　　繼承QComboBox。

# *******************QFontComboBox**********************開始
from PyQt5.Qt import *

class Window(QWidget):
    def __init__(self):
        super().__init__()
        self.setWindowTitle("QFintComboBox")
        self.resize(500, 500)
        self.setup_ui()

    def setup_ui(self):
        fcb = QFontComboBox(self)
        fcb.resize(300,50)

        btn = QPushButton(self)
        btn.move(350,10)
        btn.setText("測試按鈕")

        btn.clicked.connect(lambda :print(fcb.currentText())) # 獲取當前字體

        label = QLabel(self)
        label.setText("哈哈哈，呵呵呵")
        label.move(200,225)

        fcb.currentFontChanged.connect(lambda font:label.setFont(font)) # 設置字體

if __name__ == '__main__':
    import sys

    app=QApplication(sys.argv)

    window=Window()
    window.show()
    sys.exit(app.exec_())
# *******************QFontComboBox**********************結束