温故而知新---PyQt5学习系列---组团来袭！

wei_Y

很多时候，想让一群东西组合在一起，一次选一个。就像下拉框一样。那Qt中有木有这个玩意呢。
答案当然是有咯。Qt中他叫: ComboBox，呃，组合盒子？

1. 基本窗口。

1. import sys
   
2. 
   
3. from PyQt5.QtWidgets import *
   
4. 
   
5. 
   
6. class Main(QWidget):
   
7. 
   
8.     def __init__(self, parent=None):
   
9.         super(Main, self).__init__(parent)
   
10.         self.setObjectName("main")
    
11.         self.setWindowTitle("组团")
    
12.         self.resize(360, 230)
    
13. 
    
14.         self.comboBox = QComboBox(self)
    
15.         self.comboBox.move(150, 60)
    
16. 
    
17. if __name__ == '__main__':
    
18.     app = QApplication(sys.argv)
    
19.     window = Main()
    
20.     window.show()
    
21.     sys.exit(app.exec_())

复制代码

好长时间不写不会忘了吧~~。

嗯，我们什么也没给他加。

2. 基本属性。
addItem(const QString & text, const QVariant & userData = QVariant())        
        添加一个小伙伴进入这个组合。第一个参数是一个字符串类型。后面那个暂时不知道。。
addItem(const QIcon & icon, const QString & text, const QVariant & userData = QVariant())
        同上，可以给小伙伴加个图标。
addItems(const QStringList & texts)
        添加一堆小伙伴进入这个组合。
count()
        返回一共有几个小伙伴在这个组合里。
currentIndex()
        返回当前选择的小伙伴编号。
currentText()
        返回当前选择的小伙伴名字。
insertItem(int index, const QString & text, const QVariant & userData = QVariant())
        在某小伙伴前面插入一个小伙伴。当然还可以给这个小伙伴一个图标。
setItemText(int index, const QString & text)
        设置某个小伙伴的名字。
setItemIcon(int index, const QIcon & icon)
        设置某个小伙伴的图标。



3. 小伙伴们。

1.         for i in range(13):
   
2.             self.comboBox.addItem('F%d' % i)

复制代码

当然，这个组合现在还是原始形态。

4. 必不可少的特效！

1. QWidget#main{
   
2.     background: #55AA55;
   
3. }
   
4. 
   
5. QComboBox{
   
6.     width: 30px;
   
7.     border: 0px;
   
8. }

复制代码

我们进一步设置一下QComboBox下拉按钮的样子。
嗯，首先呢需要知道这个按钮的名字。

按钮叫drop-down，里面的箭头叫down-arrow。
呃。设置这个的话最好还是弄图片吧。

多大x多大的自己约摸着弄吧。

嗯，直接覆盖drop-down好了，当他的背景。

1. QComboBox::drop-down{
   
2.     background-image: url(down.png);
   
3. }

复制代码

但是呢，我们打开会发现。

默认他会让背景图片是重复的属性。也就是说太小了，需要重复铺。

如何解决呢?

1. background-repeat: no-repeat;

复制代码

设置为不重复。

不过他依然木有在中间显示。
在来。

1. background-position: center;

复制代码

这下是可以了，呃，这就是个例子，轻点吐槽。

扩展:
选择选项时用的属性是on，选完用的是off。
QComboBox::on，QComboBox::off。

弄完QComboBox的样式，再来弄弄下拉列表的样式吧。


4.  休息室。
下拉列表由两个部分组成。
一个是QListView，一个是QScrollBar。我们一个个设置。

1. QListView{
   
2.     background: green;
   
3.     selection-background-color: black;
   
4.     selection-color: white;
   
5. }

复制代码

背景没啥好说的。
其他两个属性
selection-background-color  里面的选项鼠标移入和点击时(也就是选择时)的背景颜色是黑色。
selection-color 文字颜色。



我们会发现，选择时有一个可恶的虚线。

这玩意应该是一个item，设置一下item应该就行了。

1. 
   
2. QListView::item{
   
3.     outline: none;
   
4. }

复制代码

但是发现并没有什么效果。

查文档也没发现其他属性。呃，其实这玩意不叫item。它是跟着QComboBox混的。
他叫QAbstractItemView。嗯，试试看。

1. QComboBox QAbstractItemView{
   
2.     outline: none;
   
3. }

复制代码

当然其他效果可以查看一下css，或者放张图片。

5. 管理员。
下拉列表的第二个成员QScrollBar。呃，他不止在QComboBox里出现，在其他里面有滚动条的基本都是他了。
他分为两种一种是vertical，一种是horizontal。垂直和水平哈。
不区分的话两个都会设置。这货属性贼多。

sub-line   包含上箭头的区域。
up-arrow   上箭头。
sub-page   滑块划过的区域。
handle     滑块。
add-page   滑块未划过的区域。
add-line    包含下箭头的区域。
down-arrow   下箭头。

1. QScrollBar{
   
2.     background: gray;
   
3.     width: 7px;
   
4. }
   
5. 
   
6. QScrollBar::sub-line, QScrollBar::add-line{
   
7.     height: 0px;
   
8. }
   
9. 
   
10. QScrollBar::sub-page{
    
11.     background: red;
    
12. }
    
13. 
    
14. QScrollBar::add-page{
    
15.     background: yellow;
    
16. }
    
17. 
    
18. QScrollBar::handle{
    
19.     border: none;
    
20.     min-height: 20px;
    
21.     border-radius: 3px;
    
22.     background: gray;
    
23. }
    
24. 
    
25. QScrollBar::handle:hover{
    
26.     background: black;
    
27. }

复制代码

当然也是可以加图片滴。具体咋设置多写写吧~。

cold

我记得好像上大学的时候学过这个

liangbo

学习学习

gagafishc

虽然看不懂大神们说的东东，但我还是到处蹭鱼币，为了下载课后题，如果谁能发我一份 学习Python007以后 的课后题的话，那真是感激不尽了

gagafishc

gagafishc 发表于 2015-6-11 10:42
虽然看不懂大神们说的东东，但我还是到处蹭鱼币，为了下载课后题，如果谁能发我一份 学习Python007以后 的 ...

多谢大神  在高手们的扶持下，学起来更有动力了

gagafishc

原谅我不会用这些回复功能  不会回复你  wei_Y

小诸葛080

学过C++的Qt，现在刚刚开始学习python，学好基础之后也学学PyQt吧

woshidamowang24

qt就是相当于mfc？

彼岸花316

这是做成一个系列了吗

羊圈圈

学习一下

John_farmer

我是来学习的！

blue_3f

这个好，留名

OUR

学习学习

SylarPu

在这种技术贴下面水他个一发鱼币 简直美滋滋