PyQt自定义选择输入框（类似QQ登录输入框）

本文原创，转载请注明原地址。

作者：酒醉东坡

原文地址：http://blog.csdn.net/jiuzuidongpo/article/details/48347971

实现效果如下图：

还有不带箭头的和不能输入只能选择的：

这个例子可以实现QComboBox条目的删除，目前还没有添加记忆功能，亦可以实现QComboBox的输入功能和选择功能。

重点有下面几个：

首先是QComboBox的条目的自定义，可以按照需要来显示不同样式的条目。

其次是QComboBox的样式表的定义，定义出自己想要的样式。

最后是窗口的外围线条的绘制，很简单。

下面是源代码，可以直接运行，可能需要添加一点图片才可以看出明显效果，供小伙伴们参考和提高。

#coding:utf-8
import sys
from PyQt4.QtGui import *
from PyQt4.QtCore import *
class Ex(QDialog):
    def __init__(self,parent=None):
        super(Ex, self).__init__(parent)
        self.setWindowFlags(Qt.FramelessWindowHint|Qt.WindowStaysOnTopHint)
        self.setStyleSheet(
                           "QComboBox{border:1px groove rgb(170,214,252);}"
                           "QComboBox{border-radius:2px;}"
                           "QComboBox{color:rgb(100,20,200);}"
                           "QComboBox{font:times;}"
                           "QComboBox{font-size:15px;}"
                           "QComboBox{font:bold;}"
                           "QComboBox:hover{border-color:rgb(50,150,250)}"
                           "QComboBox QAbstractItemView:item{height:50px;}"
                           "QComboBox:drop-down{subcontrol-origin:padding;}"
                           "QComboBox:drop-down{subcontrol-position:top right;}"
                           "QComboBox:drop-down{width:30px;}"
                           "QComboBox:drop-down{border-left-width:1px;}"
                           "QComboBox:drop-down{border-left-color:rgb(170,214,252);}"
                           "QComboBox:drop-down{border-left-style:solid;}"
                           "QComboBox:drop-down{border-top-right-radius:3px;}" 
                           "QComboBox:drop-down{border-bottom-right-radius:3px;}"
                           "QComboBox:down-arrow{image:url(images/lower.gif);}"
                            )
        self.InitUI()
        self.setFixedSize(400,450)
        self.linePath()#这句放在设置窗口大小的代码之后，方可调用self.width（）等函数，不然无效。
        #self.setAttribute(Qt.WA_TranslucentBackground,True)#透明窗口
    def InitUI(self):
        self.tipLabel = QLabel(u"ComboBox",self)
        self.tipLabel.setFont(QFont("times",13,QFont.Bold))
        self.tipLabel.setStyleSheet("color:white;")
        self.closeButton = QPushButton(self)
        self.closeButton.setFixedSize(30,30)
        self.closeButton.setIcon(QIcon("images/0.png"))
        self.closeButton.setIconSize(QSize(30,30))
        self.closeButton.setStyleSheet("QPushButton{border:5px;}"
                           "QPushButton:hover{background:red;}"
                           "QPushButton:pressed{background:black;}")
        self.connect(self.closeButton, SIGNAL("clicked()"),self.slotClose)
        self.label = QLabel('safafew', self)
        self.label.setFixedWidth(200)
        self.label.setFont(QFont("times",12,QFont.Bold))
        self.combo = QComboBox(self)
        self.connect(self.combo, SIGNAL("clicked"),self.comboClicked)
        self.combo.setFixedSize(200,30)
        self.combo.setFont(QFont("times",12,QFont.Bold))
        self.listWidget = QListWidget(self)
        self.combo.setModel(self.listWidget.model())
        self.combo.setView(self.listWidget)
        self.combo.setEditable(True)
        #self.combo.lineEdit().setFocusPolicy(Qt.NoFocus)#可以是combox不能被编辑
        #self.combo.setFocusPolicy(Qt.NoFocus)#可以是combox不能被编辑
        self.account_item = []
        for i in range(3):
            self.account_item_index = AccountItem()
            self.account_item_index.setAccountNumber(QString("safe_") + QString.number(i, 10) + QString("@sina.com"))
            self.connect(self.account_item_index, SIGNAL("showAccount"), self.showAccount)
            self.connect(self.account_item_index, SIGNAL("removeAccount"), self.removeAccount)
            self.account_item.append(self.account_item_index)
        for i in range(3):    
            list_item = QListWidgetItem(self.listWidget)
            self.listWidget.setItemWidget(list_item, self.account_item[i])
        self.combo.setEditText("safafew")#设置当前值
        self.combo.move(100,100)
        self.label.move(100,270)
    def comboClicked(self):
        print "clicked"
    def showAccount(self,account):
        print account
        self.combo.setEditText(account)
        self.combo.hidePopup() #隐藏combox所有的选项
        self.label.setText(account)
    def removeAccount(self,account):
        print account
        self.combo.hidePopup()
        button=QMessageBox.warning(self,"Warning",
                                   u"是否删除?",
                                   QMessageBox.Discard|QMessageBox.Cancel)
        if button==QMessageBox.Discard:
            for i in range(len(self.account_item)):
                item = self.listWidget.item(i)
                account_item_del = self.account_item[i]
                account_number = account_item_del.getAccountNumber()
                if(account == account_number):
                    self.listWidget.takeItem(i)
                    self.listWidget.removeItemWidget(item)
                    self.account_item.remove(self.account_item[i])
                    break
        elif button==QMessageBox.Cancel:
            self.label.setText("Warning button/Cancel")
            
    def linePath(self):
        aPoint = QPoint(0,0)
        bPoint = QPoint(self.width()-1,0)
        cPoint = QPoint(self.width()-1,self.height()-1)
        dPoint = QPoint(0,self.height()-1)
        self.linePath = QPainterPath()
        self.linePath.moveTo(aPoint)
        self.linePath.lineTo(bPoint)
        self.linePath.moveTo(bPoint)
        self.linePath.lineTo(cPoint)
        self.linePath.moveTo(cPoint)
        self.linePath.lineTo(dPoint)
        self.linePath.moveTo(dPoint)
        self.linePath.lineTo(aPoint)
        self.linePath.closeSubpath()
    def slotClose(self):
        self.close()
    def mouseMoveEvent(self,event):
        if self.mousePressed:
            self.move(self.pos() + event.pos() - self.currentPos)
   
    def mousePressEvent(self,event):
        if event.buttons() == Qt.LeftButton:
            self.currentPos = event.pos()
            self.mousePressed = True
   
    def mouseReleaseEvent(self,event):
        if event.buttons() == Qt.LeftButton:
            self.mousePressed = False    
            
    def paintEvent(self,event):
        self.closeButton.move(self.width()-32,2)
        self.tipLabel.move(5,5)
        
        p = QPainter(self)
        pix = QPixmap("images/background.png")
        p.drawPixmap(self.rect(), pix)
        p.drawPath(self.linePath)
        
        painter = QPainter(self)
        linearGradient = QLinearGradient(0,0,0,35)
        linearGradient.setColorAt(0, QColor(60,100,200))
        linearGradient.setColorAt(0.1, QColor(6,88,200))
        linearGradient.setColorAt(1, QColor(10,100,100))
        painter.setBrush(QBrush(linearGradient))
        self.menuRect = QRect(0, 0, self.width(), 35)
        painter.fillRect(self.menuRect, QBrush(linearGradient))      
    



        
class AccountItem(QWidget):
    def __init__(self,parent=None):
            super(AccountItem,self).__init__(parent)
            self.setStyleSheet(
                               "QPushButton{border:4px;}"
                               "QPushButton:hover{background:red;}"
                               "QPushButton:pressed{background:blue;}")
            self.mouse_press = False
            self.hovered = False
            self.account_number = QLabel()
            self.account_number.setFont(QFont("times",14,QFont.Bold))
            self.iconLabel = QLabel()
            self.iconLabel.setFixedSize(40,40)
            pixmap0 = QPixmap("images/icon.png").scaled(40,40)
            self.iconLabel.setPixmap(pixmap0)
            self.delede_button = QPushButton()
            pixmap = QPixmap("images/icon.png").scaled(20,20)
            self.delede_button.setIcon(QIcon(pixmap))
            self.delede_button.setIconSize(pixmap.size())
            #self.delede_button.setStyleSheet("background:transparent;");
            self.connect(self.delede_button, SIGNAL("clicked()"), self.removeAccount)
            main_layout = QHBoxLayout()
            main_layout.addWidget(self.iconLabel)
            main_layout.addWidget(self.account_number)
            main_layout.addStretch()
            main_layout.addWidget(self.delede_button)
            main_layout.setContentsMargins(5, 5, 5, 5)
            main_layout.setSpacing(5)
            self.setLayout(main_layout)
    def setAccountNumber(self,account_text):
        self.account_number.setText(account_text)
    def getAccountNumber(self):
        account_number_text = self.account_number.text()
        return account_number_text
    def removeAccount(self):
        account_number_text = self.account_number.text()
        self.emit(SIGNAL("removeAccount"),account_number_text)
        
    def mousePressEvent(self,event):
        if(event.button() == Qt.LeftButton):
            self.mouse_press = True
    def mouseReleaseEvent(self,event):
        if(self.mouse_press):
            account_number_text = self.account_number.text()
            self.emit(SIGNAL("showAccount"),account_number_text)
            self.mouse_press = False
    def enterEvent(self,event):
        self.hovered = True
        self.repaint()
    def leaveEvent(self,event):
        self.hovered = False
        self.repaint() 
    def paintEvent(self,event):
        painter0 = QPainter(self)
        brush0 = QBrush(QColor(255,255,200))
        painter0.setBrush(brush0)
        painter0.fillRect(QRect(0,0,self.width(),self.height()), brush0)
        
        painter1=QPainter(self)
        painter1.setPen(QPen(QColor(Qt.lightGray),1))
        outline = QPainterPath()
        outline.addRoundedRect(0, 0, self.width(), self.height(), 0, 0)
        painter1.setOpacity(1)
        painter1.drawPath(outline)
        
        if self.hovered == True:
            painter = QPainter(self)
            brush = QBrush(QColor(Qt.lightGray))
            painter.setBrush(brush)
            painter.fillRect(QRect(0,0,self.width(),self.height()), brush)
        

app = QApplication(sys.argv)
ex = Ex()
ex.show()
app.exec_()