代码拉取完成，页面将自动刷新
#!/usr/bin/env python
# -*- coding: utf-8 -*-
import os,sys
from PyQt4.QtCore import *
from PyQt4.QtGui import *
from math import *
from messageInput import *
DEFAULT_HEAD = 'icons/qq.png'
DEFAULT_MSG = 'Hello is there anyone?'
DEFAULT_IMG = 'icons/img.png'
def checkContainChinese(s):#判断是否为英文
for ch in s.decode('utf-8',errors = 'ignore'):
if u'\u4e00' <= ch <= u'\u9fff':
return True
return False
def splitStringByLen(text,Len):#其中使用\n分割，因此原来的\n将会被替换，一个中文大致顶三个英文的宽度
reload(sys) #暂时用
sys.setdefaultencoding('utf-8')
text = text.replace('\n','.')
(myText, nLen) = ('',0)
for s in text.decode('utf-8',errors = 'ignore'):
myText += s
nLen += 3 if checkContainChinese(s) else 1
if nLen >= (Len - 1):
myText += '\n'
nLen = 0
return myText
class BubbleText(QLabel):
"""**文字的显示**主要是控件的大小调节，
起初准备用QTextEdit后来发现实现起来很难控制大小和混动条！
只能舍弃次用QLabel继承实现了，关于控件的水平大小采用控制字符数量的方法(ヘ(_ _ヘ))，
考虑到一个中文字符的宽度大概是3倍英文字符因此出现了checkContainChinese和splitStringByLen函数
（我也不记得哪儿抄来的方法了）。在输入调用super(BubbleText, self).__init__(myText)
前就把字符用\n分割好来显示"""
border = 5
trigon = 20
lineLen = 40 #每行的文字数量
minH = 2 * trigon + 2 * border
minW = 2 * trigon + 2 * border
def __init__(self,listItem,listView,text = DEFAULT_MSG,lr = True):
self.listItem = listItem
self.listView = listView
self.text = text
#字符串长度限制
myText = splitStringByLen(text, self.lineLen) # 文字分割
super(BubbleText, self).__init__(myText)
self.setMinimumWidth(self.minW)
self.setFont(QFont("Times",10,QFont.Normal))
# self.setStyleSheet("QLabel:hover{background-color:rgba(210,240,250,255);}")#鼠标滑过的颜色设置，这样自定义的paintEvent绘图区域就被看穿了
self.setState(False)#设置鼠标不进入状态，方便绘图区域的颜色更新
self.lr = lr #标志绘制左还是右
if self.lr:
'''为了让实现显示的图片不会在super(BubbleImage, self).paintEvent(e)时和绘制的背景气泡冲突，
设置控件的setContentsMargins绘图范围保证图像的绘图区域。'''
self.setContentsMargins(self.trigon*sqrt(3)/2 + 3,self.border + 3,self.border + 3,self.border + 3)
else:
self.setContentsMargins(self.border + 3,self.border + 3,self.trigon*sqrt(3)/2 + 3,self.border + 3)
def paintEvent(self, e):
size = self.size()
qp = QPainter()
qp.begin(self)
if self.lr:
self.leftBubble(qp,size.width(),size.height())
else:
self.rightBubble(qp,size.width(),size.height())
qp.end()
super(BubbleText, self).paintEvent(e)
def leftBubble(self,qp, w, h):
qp.setPen(self.colorLeftE)#设置画笔颜色，绘制的矩形边缘颜色
qp.setBrush(self.colorLeftM)#设置红色的笔刷
middle = h/2
shifty = self.trigon/2
shiftx = self.trigon*sqrt(3)/2
pL = QPolygonF()
pL.append(QPointF(0,middle)) #起始点
pL.append(QPointF(shiftx, middle + shifty)) # 第二点
pL.append(QPointF(shiftx, h - self.border)) #第三点
pL.append(QPointF(w - self.border, h - self.border)) #第四点
pL.append(QPointF(w - self.border, self.border)) #第五点
pL.append(QPointF(shiftx, self.border)) #第六点
pL.append(QPointF(shiftx, middle - shifty)) #第七点
qp.drawPolygon(pL)
def rightBubble(self, qp, w, h):
qp.setPen(self.colorRightE)#设置画笔颜色，绘制的矩形边缘颜色
qp.setBrush(self.colorRightM)#设置红色的笔刷
middle = h/2
shifty = self.trigon/2
shiftx = self.trigon*sqrt(3)/2
pL = QPolygonF()
pL.append(QPointF(w,middle)) #起始点
pL.append(QPointF(w - shiftx, middle + shifty)) # 第二点
pL.append(QPointF(w - shiftx, h - self.border)) #第三点
pL.append(QPointF(self.border, h - self.border)) #第四点
pL.append(QPointF(self.border, self.border)) #第五点
pL.append(QPointF(w - shiftx, self.border)) #第六点
pL.append(QPointF(w - shiftx, middle - shifty)) #第七点
qp.drawPolygon(pL)
def setState(self,mouse):
'''鼠标进入和鼠标出时需要显示不一样的效果，主要就是更新颜色变量，然后调用update更新重绘'''
if mouse:#鼠标进入
self.colorLeftM = QColor("#eaeaea")
self.colorLeftE = QColor("#D6D6D6")
self.colorRightM = QColor("#8FD648")
self.colorRightE = QColor("#85AF65")
else:
self.colorLeftM = QColor("#fafafa")
self.colorLeftE = QColor("#D6D6D6")
self.colorRightM = QColor("#9FE658")
self.colorRightE = QColor("#85AF65")
self.update() #更新界面，不用执行也可以更新，但是不实时
def enterEvent(self,e):
# print 'mouse entered'
self.setState(True)
def leaveEvent(self,e):
# print 'mouse leaved'
self.setState(False)
def contextMenuEvent(self,e):
''' 右键菜单实现文本的复制和控件的删除'''
editUser = QAction(QIcon('icons/copy.png'),u'复制',self)#第一个参数也可以给一个QIcon图标
editUser.triggered.connect(self.copyText)
delUser = QAction(QIcon('icons/delete.png'),u'删除',self)
delUser.triggered.connect(self.delTextItem)#选中就会触发
menu = QMenu()
menu.addAction(editUser)
menu.addAction(delUser)
menu.exec_(QCursor.pos())#全局位置比较好，使用e.pos()还得转换
e.accept() #禁止弹出菜单事件传递到父控件中
def copyText(self,b):
# print 'msg copyed'
cb = QApplication.clipboard()
cb.setText(self.text)
def delTextItem(self,b):
# print 'msg deleted'
self.listView.takeItem(self.listView.indexFromItem(self.listItem).row())
class LabelHead(QLabel):
'''LabelHead(QLabel) 类主要是为了展示用户头像'''
def __init__(self,addr = DEFAULT_HEAD):
super(LabelHead,self).__init__()
self.setScaledContents(True)
self.setReadOnly(True)
self.setPicture(addr)
def setReadOnly(self,b):
self._readOnly = bool(b)
def setPicture(self,addr):
'''设置图像：继承至QLabel以便可以setPixmap设置图片'''
self._picAddr = unicode(addr)
img = QPixmap(os.path.join('dist',addr))
self.setPixmap(img.scaled(36,36))
return True
def getPicture(self):
return self._picAddr
# ref : http://stackoverflow.com/questions/18047427/pyqt-sms-bubble-widget
class TextItem(QWidget):
'''显示文字的Widget内容，为了让消息可以删除增加listItem和list传递到文本控件'''
def __init__(self, listItem, listView, text = DEFAULT_MSG, lr=True, head = DEFAULT_HEAD):
super(TextItem,self).__init__()
hbox = QHBoxLayout()
text = BubbleText(listItem,listView,text,lr)
head = LabelHead(head)
head.setFixedSize(40,40)
if lr is not True:
hbox.addSpacerItem(QSpacerItem(1,1,QSizePolicy.Expanding,QSizePolicy.Preferred))
hbox.addWidget(text)
hbox.addWidget(head)
else:
hbox.addWidget(head)
hbox.addWidget(text)
hbox.addSpacerItem(QSpacerItem(1,1,QSizePolicy.Expanding,QSizePolicy.Preferred))
hbox.setContentsMargins(20,20,20,0)
self.setLayout(hbox)
self.setContentsMargins(0,0,0,0)
class BubbleImage(QLabel):
"""绘制背景气泡的控件"""
border = 5
trigon = 10
lineLen = 40 #每行的文字数量
minH = 2 * trigon + 2 * border
minW = 2 * trigon + 2 * border
def __init__(self,listItem,listView,img = DEFAULT_IMG,lr = True,maxWidth = 200):#图片显示的最长宽度
self.listItem = listItem
self.listView = listView
self.img = img
super(BubbleImage, self).__init__()
self.setMinimumWidth(self.minW)
# self.setStyleSheet("QLabel:hover{background-color:rgba(210,240,250,255);}")#鼠标滑过的颜色设置，这样自定义的paintEvent绘图区域就被看穿了
self.setState(False)#设置鼠标不进入状态，方便绘图区域的颜色更新
self.lr = lr #标志绘制左还是右
if self.lr:
self.setContentsMargins(self.trigon*sqrt(3)/2 + 3,self.border + 3,self.border + 3,self.border + 3)
else:
self.setContentsMargins(self.border + 3,self.border + 3,self.trigon*sqrt(3)/2 + 3,self.border + 3)
self.setScaledContents(True)
if not os.path.exists(img):
img = DEFAULT_IMG
pic = QPixmap(img)
self.wid = pic.size().width() if pic.size().width()<maxWidth else maxWidth
nPic = pic.scaledToWidth(self.wid) #高度自动计算，以便保持比例
self.setPixmap(nPic)
if img.endswith('gif'):
self.movie = QMovie(self)
self.movie.setFileName(img)
self.movie.setCacheMode(QMovie.CacheNone)
self.movie.frameChanged.connect(self.animate)
self.movie.start()
@pyqtSlot(int)
def animate(self,index):
pic = self.movie.currentPixmap()
nPic = pic.scaledToWidth(self.wid)
self.setPixmap(nPic)
def paintEvent(self, e):
size = self.size()
qp = QPainter()
qp.begin(self)
if self.lr:
self.leftBubble(qp,size.width(),size.height())
else:
self.rightBubble(qp,size.width(),size.height())
qp.end()
super(BubbleImage, self).paintEvent(e)
def leftBubble(self,qp, w, h):
qp.setPen(self.colorLeftE)#设置画笔颜色，绘制的矩形边缘颜色
qp.setBrush(self.colorLeftM)#设置红色的笔刷
middle = h/2
shifty = self.trigon/2
shiftx = self.trigon*sqrt(3)/2
pL = QPolygonF()
pL.append(QPointF(0,middle)) #起始点
pL.append(QPointF(shiftx, middle + shifty)) # 第二点
pL.append(QPointF(shiftx, h - self.border)) #第三点
pL.append(QPointF(w - self.border, h - self.border)) #第四点
pL.append(QPointF(w - self.border, self.border)) #第五点
pL.append(QPointF(shiftx, self.border)) #第六点
pL.append(QPointF(shiftx, middle - shifty)) #第七点
qp.drawPolygon(pL)
def rightBubble(self, qp, w, h):
qp.setPen(self.colorRightE)#设置画笔颜色，绘制的矩形边缘颜色
qp.setBrush(self.colorRightM)#设置红色的笔刷
middle = h/2
shifty = self.trigon/2
shiftx = self.trigon*sqrt(3)/2
pL = QPolygonF()
pL.append(QPointF(w,middle)) #起始点
pL.append(QPointF(w - shiftx, middle + shifty)) # 第二点
pL.append(QPointF(w - shiftx, h - self.border)) #第三点
pL.append(QPointF(self.border, h - self.border)) #第四点
pL.append(QPointF(self.border, self.border)) #第五点
pL.append(QPointF(w - shiftx, self.border)) #第六点
pL.append(QPointF(w - shiftx, middle - shifty)) #第七点
qp.drawPolygon(pL)
def setState(self,mouse):
'''鼠标进入和鼠标出时需要显示不一样的效果，主要就是更新颜色变量，然后调用update更新重绘'''
if mouse:#鼠标进入
self.colorLeftM = QColor("#eaeaea")
self.colorLeftE = QColor("#D6D6D6")
self.colorRightM = QColor("#8FD648")
self.colorRightE = QColor("#85AF65")
else:
self.colorLeftM = QColor("#fafafa")
self.colorLeftE = QColor("#D6D6D6")
self.colorRightM = QColor("#9FE658")
self.colorRightE = QColor("#85AF65")
self.update() #更新界面，不用执行也可以更新，但是不实时
def enterEvent(self,e):
# print 'mouse entered'
self.setState(True)
def leaveEvent(self,e):
# print 'mouse leaved'
self.setState(False)
def contextMenuEvent(self,e):
''' 右键菜单实现文本的复制和控件的删除'''
editUser = QAction(QIcon('icons/copy.png'),u'复制',self)#第一个参数也可以给一个QIcon图标
editUser.triggered.connect(self.copyImage)
delUser = QAction(QIcon('icons/delete.png'),u'删除',self)
delUser.triggered.connect(self.delTextItem)#选中就会触发
menu = QMenu()
menu.addAction(editUser)
menu.addAction(delUser)
menu.exec_(QCursor.pos())#全局位置比较好，使用e.pos()还得转换
e.accept() #禁止弹出菜单事件传递到父控件中
def copyImage(self,b):
# print 'msg copyed'
cb = QApplication.clipboard()
cb.setImage(QImage(self.img))
def delTextItem(self,b):
# print 'msg deleted'
self.listView.takeItem(self.listView.indexFromItem(self.listItem).row())
def mouseDoubleClickEvent(self,e):
from PIL import Image
im = Image.open(self.img)
im.show()
class ImageItem(QWidget):
'''显示文字的Widget内容，为了让消息可以删除增加listItem和list传递到文本控件'''
def __init__(self, listItem, listView, img = DEFAULT_MSG, lr=True, head = DEFAULT_HEAD):
super(ImageItem,self).__init__()
hbox = QHBoxLayout()
img = BubbleImage(listItem,listView,img,lr)
head = LabelHead(head)
head.setFixedSize(50,50)
if lr is not True:
hbox.addSpacerItem(QSpacerItem(1,1,QSizePolicy.Expanding,QSizePolicy.Preferred))
hbox.addWidget(img)
hbox.addWidget(head)
else:
hbox.addWidget(head)
hbox.addWidget(img)
hbox.addSpacerItem(QSpacerItem(1,1,QSizePolicy.Expanding,QSizePolicy.Preferred))
hbox.setContentsMargins(0,0,0,0)
self.setLayout(hbox)
self.setContentsMargins(0,0,0,0)
class MsgList(QListWidget):
"""消息消息列表的控件，支持增加文字消息和增加图片消息"""
def __init__(self):
super(MsgList, self).__init__()
self.setStyleSheet("QListWidget{margin:10px;font-size:12px;border-bottom:1px solid #dddddd;border-top:1px solid #dddddd;padding:0px;background-color:#f5f5f5;}"
"QListWidget::item{border:0px solid gray;background-color:transparent;padding:0px;color:transparent}"
"QListView::item:!enabled{background-color:transparent;color:transparent;border:0px solid gray;padding:0px 0px 0px 0px;}"
"QListWidget::item:hover{background-color:transparent;color:transparent;border:0px solid gray;padding:0px 0px 0px 0px;}"
"QListWidget::item:selected{background-color:transparent;color:transparent;border:0px solid gray;padding:0px 0px 0px 0px;}"
"QScrollBar{background:transparent;width:4px;}"
"QScrollBar::handle{background:lightgray; border:2px solid transparent; border-radius:5px; }"
"QScrollBar::handle:hover{background:green; }"
"QScrollBar::handle:pressed{background:green;}"
"QScrollBar::sub-line{background:transparent;}"
"QScrollBar::add-line{background:transparent;}") # 设置所有样式锁定
def addTextMsg(self,sz = DEFAULT_MSG, lr = True, head = DEFAULT_HEAD):
it = QListWidgetItem(self)
wid = self.size().width()
item = TextItem(it,self,sz,lr,head) #增加必须指定本list和本item用于删除item
# item.setEnabled(False) #对象灰度显示，不能导致ITEM不可选
it.setSizeHint(item.sizeHint())
it.setFlags(Qt.ItemIsEnabled)# 设置Item不可选择
self.addItem(it)
self.setItemWidget(it,item)
self.setCurrentItem(it)
def addImageMsg(self,img = DEFAULT_IMG, lr = True, head = DEFAULT_HEAD):
it = QListWidgetItem(self)
wid = self.size().width()
item = ImageItem(it,self,img,lr,head) #增加必须指定本list和本item用于删除item
# item.setEnabled(False) #对象灰度显示，不能导致ITEM不可选
it.setSizeHint(item.sizeHint())
it.setFlags(Qt.ItemIsEnabled)# 设置Item不可选择
self.addItem(it)
self.setItemWidget(it,item)
self.setCurrentItem(it)
class MessagePannel(QSplitter):
def closesys(self, event):
sys.exit()
def setSendTextMsgEvent(self,SendTextMsgEvent):
self.msgInput.textEntered.connect(SendTextMsgEvent)
def setSendImageMsgEvent(self,SendImageMsgEvent):
self.msgInput.imgEntered.connect(SendImageMsgEvent)
def showNoneBackground(self):
self.msgList.hide()
self.msgInput.hide()
self.msg_pannel_title_label.setText('')
self.nonbackground.show()
self.show()
def showMessageInOut(self):
self.msgList.show()
self.msgInput.show()
self.nonbackground.hide()
self.show()
def __init__(self,parent = None):
super(MessagePannel,self).__init__(parent)
self.setOrientation(Qt.Vertical)
self.setMinimumHeight(665)
self.setMinimumWidth(530)
self.titlepannel=QWidget()
self.titlepannel.setMaximumHeight(40)
self.titlepannel.setMinimumHeight(40)
self.titlepannel.setParent(self)
self.titlepannel.setStyleSheet("margin:0px;font-size:12px;border:0px;padding:0px;background-color:#f5f5f5;")
self.msg_pannel_title_label = QLabel()
self.msg_pannel_title_label.setGeometry(QRect(28, 18, 400, 18))
self.msg_pannel_title_label.setStyleSheet("margin:0px;font-size:14px;border:0px;padding:0px;background-color:#f5f5f5;")
self.msg_pannel_title_label.setParent(self.titlepannel)
close_label = QLabel()
close_label.setGeometry(QRect(510, 8, 14, 14))
close_label.setStyleSheet("QLabel{background-image:url(img/close.png);}")
close_label.mousePressEvent=self.closesys
close_label.setParent(self.titlepannel)
self.msgList = MsgList()
self.msgList.setParent(self)
self.msgInput = MsgInput()
self.msgInput.setStyleSheet("padding:25px;border:0px;background-color:#f5f5f5;")
self.msgInput.setParent(self)
self.nonbackground=QLabel()
self.nonbackground.setAlignment(Qt.AlignCenter)
image=QImage()
image.load('img/backgroundimg.png')
self.nonbackground.setPixmap(QPixmap.fromImage(image).scaled(120,100))
self.nonbackground.setParent(self)
if __name__=='__main__':
def test(event):
print event
app = QApplication(sys.argv)
menu_pannel = MessagePannel()
menu_pannel.showMessageInOut()
sys.exit(app.exec_())
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。