From 142a260f016e765b34eca57ba20a073d898c5fbf Mon Sep 17 00:00:00 2001 From: SiYuan <863909694@qq.com> Date: Fri, 17 Nov 2023 17:20:13 +0800 Subject: [PATCH] Update bubble_message.py --- app/components/bubble_message.py | 172 +++++++++++++++++++++++++------ 1 file changed, 142 insertions(+), 30 deletions(-) diff --git a/app/components/bubble_message.py b/app/components/bubble_message.py index 599bd98..93e6d80 100644 --- a/app/components/bubble_message.py +++ b/app/components/bubble_message.py @@ -1,8 +1,9 @@ from PIL import Image from PyQt5 import QtGui from PyQt5.QtGui import QPainter, QFont, QColor, QPixmap, QPolygon -from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QHBoxLayout, QSizePolicy, QVBoxLayout, QSpacerItem -from PyQt5.QtCore import QSize, pyqtSignal, Qt, QRectF, QPoint +from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QHBoxLayout, QSizePolicy, QVBoxLayout, QSpacerItem, \ + QScrollArea, QScrollBar +from PyQt5.QtCore import QSize, pyqtSignal, Qt, QThread class TextMessage(QLabel): @@ -72,6 +73,16 @@ class Triangle(QLabel): painter.drawPolygon(triangle) +class Notice(QLabel): + def __init__(self, text, type_=3, parent=None): + super().__init__(text, parent) + self.type_ = type_ + self.setFont(QFont('微软雅黑', 12)) + self.setWordWrap(True) + self.setTextInteractionFlags(Qt.TextSelectableByMouse) + self.setAlignment(Qt.AlignCenter) + + class Avatar(QLabel): def __init__(self, avatar, parent=None): super().__init__(parent) @@ -84,6 +95,16 @@ class Avatar(QLabel): self.setMaximumHeight(45) +class OpenImageThread(QThread): + def __init__(self, image_path): + super().__init__() + self.image_path = image_path + + def run(self) -> None: + image = Image.open(self.image_path) + image.show() + + class ImageMessage(QLabel): def __init__(self, avatar, parent=None): super().__init__(parent) @@ -96,30 +117,28 @@ class ImageMessage(QLabel): self.setPixmap(avatar) self.setMaximumWidth(480) self.setMaximumHeight(720) - # self.setSizePolicy(QSizePolicy.Expanding, QSizePolicy.Expanding) - # self.setSizePolicy(QSizePolicy.Ignored, QSizePolicy.Ignored) - # self.setScaledContents(True) - - # def paintEvent(self, a0) -> None: - # painter = QPainter(self) - # painter.begin(self) - # # self.setPixmap() - # painter.end() def mousePressEvent(self, event): if event.buttons() == Qt.LeftButton: # 左键按下 - image = Image.open(self.image_path) - image.show() + self.open_image_thread = OpenImageThread(self.image_path) + self.open_image_thread.start() class BubbleMessage(QWidget): def __init__(self, str_content, avatar, Type, is_send=False, parent=None): super().__init__(parent) self.isSend = is_send + # self.set + self.setStyleSheet( + ''' + border:none; + ''' + ) layout = QHBoxLayout() layout.setSpacing(0) + layout.setContentsMargins(0, 5, 5, 5) self.avatar = Avatar(avatar) - triangle = Triangle(Type,is_send) + triangle = Triangle(Type, is_send) if Type == 3: self.message = TextMessage(str_content, is_send) else: @@ -133,48 +152,141 @@ class BubbleMessage(QWidget): border-left: 5px transparent; border-radius:10px; ''' - self.spacerItem = QSpacerItem(65, 65, QSizePolicy.Expanding, QSizePolicy.Minimum) + self.spacerItem = QSpacerItem(45 + 6, 45, QSizePolicy.Expanding, QSizePolicy.Minimum) if is_send: layout.addItem(self.spacerItem) - layout.addWidget(self.message, 10) - layout.addWidget(triangle,0,Qt.AlignTop | Qt.AlignLeft) + layout.addWidget(self.message, 1) + layout.addWidget(triangle, 0, Qt.AlignTop | Qt.AlignLeft) layout.addWidget(self.avatar, 0, Qt.AlignTop | Qt.AlignLeft) - layout.setStretch(0, 1) else: layout.addWidget(self.avatar, 0, Qt.AlignTop | Qt.AlignRight) layout.addWidget(triangle, 0, Qt.AlignTop | Qt.AlignRight) - layout.addWidget(self.message, 10) + layout.addWidget(self.message, 1) layout.addItem(self.spacerItem) - layout.setStretch(3, 1) self.setLayout(layout) +class ScrollAreaContent(QWidget): + def __init__(self, parent=None): + super().__init__(parent) + + def resizeEvent(self, a0: QtGui.QResizeEvent) -> None: + # print(self.width(),self.height()) + self.setMinimumSize(self.width(), self.height()) + + +class ScrollArea(QScrollArea): + def __init__(self, parent=None): + super().__init__(parent) + self.setWidgetResizable(True) + self.setStyleSheet( + ''' + border:none; + ''' + ) + + def resizeEvent(self, a0: QtGui.QResizeEvent) -> None: + # return + self.widget().setMinimumSize(self.width(), self.widget().height()) + self.widget().setMaximumSize(self.width(), self.widget().height()) + self.widget().resize(QSize(self.width(), self.widget().height())) + + +# + +class ScrollBar(QScrollBar): + def __init__(self): + super().__init__() + self.setStyleSheet( + ''' + QScrollBar:vertical { + border-width: 0px; + border: none; + background:rgba(64, 65, 79, 0); + width:5px; + margin: 0px 0px 0px 0px; + } + QScrollBar::handle:vertical { + background: qlineargradient(x1:0, y1:0, x2:1, y2:0, + stop: 0 #DDDDDD, stop: 0.5 #DDDDDD, stop:1 #aaaaff); + min-height: 20px; + max-height: 20px; + margin: 0 0px 0 0px; + border-radius: 2px; + } + QScrollBar::add-line:vertical { + background: qlineargradient(x1:0, y1:0, x2:1, y2:0, + stop: 0 rgba(64, 65, 79, 0), stop: 0.5 rgba(64, 65, 79, 0), stop:1 rgba(64, 65, 79, 0)); + height: 0px; + border: none; + subcontrol-position: bottom; + subcontrol-origin: margin; + } + QScrollBar::sub-line:vertical { + background: qlineargradient(x1:0, y1:0, x2:1, y2:0, + stop: 0 rgba(64, 65, 79, 0), stop: 0.5 rgba(64, 65, 79, 0), stop:1 rgba(64, 65, 79, 0)); + height: 0 px; + border: none; + subcontrol-position: top; + subcontrol-origin: margin; + } + QScrollBar::sub-page:vertical { + background: rgba(64, 65, 79, 0); + } + + QScrollBar::add-page:vertical { + background: rgba(64, 65, 79, 0); + } + ''' + ) + + class MyWidget(QWidget): def __init__(self): super().__init__() + self.resize(500, 200) txt = '''在工具中单击边缘可以添加黑点，单击可以删掉黑点，拖动可以调整黑点长度。勾选等选项可以查看内容、缩放等区域右侧可预览不同拉伸情况下的效果，拖动可以调整预览的拉伸比例''' avatar = 'Data/head.jpg' bubble_message = BubbleMessage(txt, avatar, Type=3, is_send=False) layout = QVBoxLayout() + layout.setSpacing(0) + + # 生成滚动区域 + self.scrollArea = ScrollArea() + self.scrollArea.setHorizontalScrollBarPolicy(Qt.ScrollBarAlwaysOff) + scrollBar = ScrollBar() + self.scrollArea.setVerticalScrollBar(scrollBar) + # self.scrollArea.setGeometry(QRect(9, 9, 261, 211)) + # 生成滚动区域的内容部署层部件 + self.scrollAreaWidgetContents = ScrollAreaContent() + self.scrollAreaWidgetContents.setMinimumSize(50, 100) + # 设置滚动区域的内容部署部件为前面生成的内容部署层部件 + self.scrollArea.setWidget(self.scrollAreaWidgetContents) + layout.addWidget(self.scrollArea) + layout0 = QVBoxLayout() + layout0.setSpacing(0) + self.scrollArea.setLayout(layout0) + self.scrollAreaWidgetContents.setLayout(layout0) + + time = Notice("2023-11-17 15:44") + layout0.addWidget(time) txt = "你说啥" avatar_2 = 'Data/fg1.png' bubble_message1 = BubbleMessage(txt, avatar_2, Type=3, is_send=True) - layout.addWidget(bubble_message) - layout.addWidget(bubble_message1) + layout0.addWidget(bubble_message) + layout0.addWidget(bubble_message1) + bubble_message2 = BubbleMessage('', avatar_2, Type=3, is_send=True) - layout.addWidget(bubble_message2) + layout0.addWidget(bubble_message2) txt = "我啥都没说" avatar0 = 'Data/fg1.png' bubble_message1 = BubbleMessage('Data/fg1.png', avatar, Type=1, is_send=False) - layout.addWidget(bubble_message1) - self.spacerItem = QSpacerItem(65, 65, QSizePolicy.Minimum, QSizePolicy.Expanding) - layout.addItem(self.spacerItem) - # layout.setStretch(0, 1) + layout0.addWidget(bubble_message1) + self.spacerItem = QSpacerItem(10, 10, QSizePolicy.Minimum, QSizePolicy.Expanding) + layout0.addItem(self.spacerItem) + layout.setStretch(0, 1) self.setLayout(layout) - # def resizeEvent(self, a0) -> None: - # return - if __name__ == '__main__': app = QApplication([])