Нарисуйте трехмерный прямоугольник / многоугольник с эффектом возвышения и опускания в PyQt

Question

В Java вы можете рисовать трехмерные прямоугольники, используя (см. https://way2java.com/awt-graphics/4891/):

void fill3DRect(int x, int y, int width, int height, boolean raised)

Здесь последний параметр «поднято» используется для понижения / поднятия 3d-прямоугольника относительно поверхности рисования.

Как мне добиться этого эффекта в PyQt?

Answer 1

Это зависит от того, какой уровень краски вы хотите использовать:

Есть 2 варианта:

• Использование QPainter:

Этот эффект можетдостигается путем рисования 2 смещенных прямоугольников, где цвет фона прямоугольника темнее, чем цвет фасада:

from PyQt5 import QtCore, QtGui, QtWidgets


def draw3DRect(painter, rect, color, raised=False, offset=QtCore.QPoint(4, 4)):
    if raised:
        painter.fillRect(rect.translated(offset), color.darker())
    painter.fillRect(rect, color)


class Widget(QtWidgets.QWidget):
    def paintEvent(self, event):
        painter = QtGui.QPainter(self)
        r = QtCore.QRect(
            self.width() / 4,
            self.height() / 4,
            self.width() / 2,
            self.height() / 2,
        )
        draw3DRect(painter, r, QtGui.QColor("green"), raised=True)

    def sizeHint(self):
        return QtCore.QSize(320, 240)


if __name__ == "__main__":
    import sys

    app = QtWidgets.QApplication(sys.argv)
    w = Widget()
    w.show()
    sys.exit(app.exec_())

• Использование QGraphicsDropShadowEffect:

В этом случае QWidget и QGraphicsItem поддерживают этот эффект:

from PyQt5 import QtCore, QtGui, QtWidgets


if __name__ == "__main__":
    import sys

    app = QtWidgets.QApplication(sys.argv)
    w = QtWidgets.QWidget()
    lay = QtWidgets.QHBoxLayout(w)
    scene = QtWidgets.QGraphicsScene()
    view = QtWidgets.QGraphicsView(scene)
    rect_item = QtWidgets.QGraphicsRectItem(QtCore.QRectF(0, 0, 200, 100))
    rect_item.setBrush(QtGui.QColor("green"))
    effect_item = QtWidgets.QGraphicsDropShadowEffect(
        offset=QtCore.QPointF(3, 3), blurRadius=5
    )
    rect_item.setGraphicsEffect(effect_item)
    scene.addItem(rect_item)

    rect_widget = QtWidgets.QWidget()
    rect_widget.setFixedSize(320, 240)
    rect_widget.setStyleSheet("background-color:green;")
    effect_widget = QtWidgets.QGraphicsDropShadowEffect(
        offset=QtCore.QPointF(3, 3), blurRadius=5
    )
    rect_widget.setGraphicsEffect(effect_widget)

    lay.addWidget(view)
    lay.addWidget(rect_widget)
    w.resize(640, 480)
    w.show()
    sys.exit(app.exec_())

Answer 2

Насколько мне известно, нет встроенного в PyQt 3D виджета / функции рисования, так как вы можете рисовать только 2D полигоны. Но мы можем создать собственный класс для эмуляции 3D-рисования. С вашей Java связаны ссылка :

Java поддерживает трехмерные прямоугольники, но эффект третьего измерения не очень заметен. Поскольку высота меньше, эффект незначителен. Java-дизайнеры создали эффект 3D, рисуя более светлые и темные линии вдоль границы прямоугольника.

Мы можем эмулировать эффект функции рисования 3D в Java:

void fill3DRect(int x, int y, int width, int height, boolean raised)

Этот метод рисует сплошной трехмерный прямоугольник с указанными выше параметрами. Последний логический параметр true указывает высоту над поверхностью рисования, а false указывает на травление в поверхности.

Чтобы получить 3D-эффект в Python, мы можем по существу сделать то же самое, имея два оттенка цвета, затем темнее и освещая некоторые стороны.

from PyQt5 import QtCore, QtGui, QtWidgets
import sys

class Rectangle3D(QtWidgets.QWidget):
    def __init__(self, parent=None):
        QtWidgets.QWidget.__init__(self, parent)

        # Elevated 3D rectangle color settings
        self.elevated_border_color = QtGui.QColor(111,211,111)
        self.elevated_fill_color = QtGui.QColor(0,255,0)
        self.elevated_pen_width = 2.5

        # Lowered 3D rectangle color settings
        self.lowered_border_color = QtGui.QColor(0,235,0)
        self.lowered_fill_color = QtGui.QColor(0,178,0)
        self.lowered_pen_width = 2.5

    def draw3DRectangle(self, x, y, w, h, raised=True):
        # Specify the border/fill colors depending on raised or lowered
        if raised:
            # Line color (border)
            self.pen = QtGui.QPen(self.elevated_border_color, self.elevated_pen_width)
            # Fill color
            self.fill = QtGui.QBrush(self.elevated_fill_color)
        else:
            # Line color (border)
            self.pen = QtGui.QPen(self.lowered_border_color, self.lowered_pen_width)
            # Fill color
            self.fill = QtGui.QBrush(self.lowered_fill_color)

        painter = QtGui.QPainter(self)

        # Draw border color of rectangle
        painter.setPen(self.pen)
        painter.setBrush(self.fill)  
        painter.drawRect(x, y, w, h)

        # Cover up the top and left sides with filled color using lines
        if raised:
            painter.setPen(QtGui.QPen(self.elevated_fill_color, self.elevated_pen_width))
        else:
            painter.setPen(QtGui.QPen(self.lowered_fill_color, self.lowered_pen_width))

        painter.drawLine(x, y, x + w, y) 
        painter.drawLine(x, y, x, y + h)

    def paintEvent(self, event):
        self.draw3DRectangle(50,50,300,150,True)
        self.draw3DRectangle(50,250,300,150,False)

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv) 

    widget = Rectangle3D()
    widget.show()

    sys.exit(app.exec_())