快捷導(dǎo)航

pandas使用QGraphicsView自動排列項目的實現(xiàn)

更新時間：2025年04月23日 09:59:17 作者：qq^^614136809

本文主要介紹了pandas使用QGraphicsView自動排列項目的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

我想使用 QGraphicsView 來編寫一個資源瀏覽器。它與使用 QGraphicsView 和 QGraphicsItems 的例子略有不同，因為我只希望有一個滾動條，并且我希望項目在視區(qū)大小更改時能夠自動移動。例如，當(dāng)視區(qū)寬度足夠大以顯示 4 個資產(chǎn)時，它們應(yīng)該像這樣顯示：

aaaa
aaaa
aa

但是當(dāng)視區(qū)縮小并且只能在一行中容納 3 個時，它應(yīng)該像這樣顯示：

aaa
aaa
aaa
a

我不想自己移動這些資產(chǎn)，而是讓圖形視圖管理它們。這可能嗎？

我曾經(jīng)寫過這樣一件事，但使用 QWidget 和 paintEvent，自己繪制所有資產(chǎn)并跟蹤一行中可以顯示多少資產(chǎn)。可以用 QGraphicsView 更簡單地完成嗎？

解決方案

方法一：使用 QGraphicsFlowLayout

QGraphicsView 支持布局。您需要做的是實現(xiàn)您自己的布局管理器，繼承自 QGraphicsLayout。

對于您需要的布局，請查看 Qt 的流布局示例。轉(zhuǎn)換該示例將為您提供一個 QGraphicsFlowLayout。將您的 QGraphicsItems 添加到此布局并將您的 QGraphicsView 的布局設(shè)置為該布局，這將完成這項工作。

方法二：使用 QListWidget

聽起來您想要一個列表，而不是一個圖形視圖。可以將列表設(shè)置為顯示像您希望的那樣換行的內(nèi)容。請參閱拼圖示例，注意左側(cè)的拼圖塊列表。對于所提出的情況，設(shè)置起來非常簡單。

當(dāng)然，如果您真的想在圖形視圖中實現(xiàn)它，我想您可以將一個列表添加到視圖中并在那里使用它。

代碼示例

from PyQt5.QtCore import QRectF
from PyQt5.QtGui import QBrush, QColor, QPen
from PyQt5.QtWidgets import QApplication, QGraphicsItem, QGraphicsRectItem, QGraphicsScene, QGraphicsView, QVBoxLayout, QWidget


class QGraphicsFlowLayout(QGraphicsLayout):
    def __init__(self):
        super().__init__()

        self.item_list = []

    def addItem(self, item):
        self.item_list.append(item)

    def count(self):
        return len(self.item_list)

    def itemAt(self, index):
        return self.item_list[index]

    def takeAt(self, index):
        item = self.item_list.pop(index)
        return item

    def boundingRect(self):
        rect = QRectF()
        for item in self.item_list:
            rect |= item.rect()
        return rect

    def sizeHint(self, which, constraint):
        return self.boundingRect().size()

    def minimumSize(self):
        return self.sizeHint(QGraphicsLayout.MinimumSize, QSizeF())

    def preferredSize(self):
        return self.sizeHint(QGraphicsLayout.PreferredSize, QSizeF())

    def get_row_width(self):
        row_width = 0
        for item in self.item_list:
            row_width += item.rect().width()
        return row_width

    def get_row_height(self):
        row_height = 0
        for item in self.item_list:
            row_height = max(row_height, item.rect().height())
        return row_height

    def get_num_rows(self, view_width):
        row_width = self.get_row_width()
        num_rows = 1
        if row_width > view_width:
            num_rows = row_width // view_width + 1
        return num_rows

    def get_row_spacing(self):
        return 10

    def get_column_spacing(self):
        return 10

    def get_item_position(self, item, row, column):
        x = column * (item.rect().width() + self.get_column_spacing())
        y = row * (item.rect().height() + self.get_row_spacing())
        return QPointF(x, y)

    def setGeometry(self, rect):
        view_width = rect.width()
        num_rows = self.get_num_rows(view_width)
        row_height = self.get_row_height()

        for i, item in enumerate(self.item_list):
            row = i // num_rows
            column = i % num_rows
            pos = self.get_item_position(item, row, column)
            item.setPos(pos)


class QGraphicsFlowView(QGraphicsView):
    def __init__(self):
        super().__init__()

        self.scene = QGraphicsScene(self)
        self.layout = QGraphicsFlowLayout()
        self.scene.setLayout(self.layout)

        self.setRenderHints(QGraphicsView.Antialiasing | QGraphicsView.SmoothPixmapTransform)
        self.setViewportUpdateMode(QGraphicsView.FullViewportUpdate)

    def add_item(self, item):
        self.layout.addItem(item)

    def resizeEvent(self, event):
        super().resizeEvent(event)
        self.layout.setGeometry(self.rect())


class QGraphicsFlowItem(QGraphicsRectItem):
    def __init__(self, color):
        super().__init__()

        self.setRect(0, 0, 100, 100)
        self.setBrush(QBrush(color))
        self.setPen(QPen(QColor(0, 0, 0), 1))


if __name__ == "__main__":
    app = QApplication([])

    view = QGraphicsFlowView()
    view.add_item(QGraphicsFlowItem(QColor(255, 0, 0)))
    view.add_item(QGraphicsFlowItem(QColor(0, 255, 0)))
    view.add_item(QGraphicsFlowItem(QColor(0, 0, 255)))
    view.add_item(QGraphicsFlowItem(QColor(255, 255, 0)))
    view.add_item(QGraphicsFlowItem(QColor(255, 0, 255)))
    view.add_item(QGraphicsFlowItem(QColor(0, 255, 255)))
    view.show()

    app.exec_()

到此這篇關(guān)于pandas使用QGraphicsView自動排列項目的實現(xiàn)的文章就介紹到這了,更多相關(guān)pandas QGraphicsView自動排列內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: