{"id":39122,"date":"2024-11-02T03:37:43","date_gmt":"2024-11-02T03:37:43","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=39122"},"modified":"2024-11-26T06:42:22","modified_gmt":"2024-11-26T06:42:22","slug":"pyqt%ea%b0%9c%eb%b0%9c%ea%b0%95%ec%a2%8c-qpropertyanimation%ea%b3%bc-qgraphicsview-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/39122\/","title":{"rendered":"PyQt\uac1c\ubc1c\uac15\uc88c, QPropertyAnimation\uacfc QGraphicsView \uc560\ub2c8\uba54\uc774\uc158"},"content":{"rendered":"

<\/p>\n

\n PyQt\ub294 Python \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4\uc5d0 Qt\ub97c \uae30\ubc18\uc73c\ub85c \ud55c GUI \ud234\ud0b7\uc73c\ub85c, \ud48d\ubd80\ud55c \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \ub9cc\ub4e4 \uc218 \uc788\ub294 \uac15\ub825\ud55c \ub3c4\uad6c\uc785\ub2c8\ub2e4. \ubcf8 \uae00\uc5d0\uc11c\ub294 PyQt\uc758 \uc560\ub2c8\uba54\uc774\uc158 \uae30\ub2a5 \uc911 QPropertyAnimation<\/strong>\uacfc QGraphicsView<\/strong>\ub97c \ud65c\uc6a9\ud55c \uc560\ub2c8\uba54\uc774\uc158 \uad6c\ud604 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc124\uba85\ud558\uaca0\uc2b5\ub2c8\ub2e4.\n <\/p>\n

1. PyQt\uc640 \uc560\ub2c8\uba54\uc774\uc158\uc758 \uac1c\uc694<\/h2>\n

\n \uc560\ub2c8\uba54\uc774\uc158\uc740 \uadf8\ub798\ud53d \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\uc5d0\uc11c \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\ub294 \uac15\ub825\ud55c \ub3c4\uad6c\uc785\ub2c8\ub2e4. PyQt\uc5d0\uc11c\ub294 QPropertyAnimation<\/strong> \ud074\ub798\uc2a4\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub2e4\uc591\ud55c \uc704\uc82f\uc758 \uc18d\uc131\uc744 \uc2dc\uac04\uc5d0 \ub530\ub77c \ubd80\ub4dc\ub7fd\uac8c \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\uc640 \uc5f0\uacc4\ud558\uc5ec QGraphicsView<\/strong>\ub294 2D \uadf8\ub798\ud53d \uc694\uc18c\ub97c \uc27d\uac8c \ub2e4\ub8f0 \uc218 \uc788\uac8c \ud574\uc8fc\ub294 \ud074\ub798\uc2a4\uc785\ub2c8\ub2e4. \ub450 \ud074\ub798\uc2a4\ub97c \uacb0\ud569\ud558\uba74 \ub354\uc6b1 \ub9e4\ub825\uc801\uc778 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n

2. QPropertyAnimation<\/h2>\n

\nQPropertyAnimation<\/strong>\uc740 \uc704\uc82f\uc758 \uc18d\uc131\uc744 \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub85c \ubcc0\ud654\uc2dc\ud0ac \uc218 \uc788\ub294 \ud074\ub798\uc2a4\uc785\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \ubc84\ud2bc\uc758 \uc704\uce58\ub098 \ud06c\uae30\ub97c \uc560\ub2c8\uba54\uc774\uc158\uc73c\ub85c \ubcc0\uacbd\ud568\uc73c\ub85c\uc368 \uc2dc\uac01\uc801\uc73c\ub85c \ub354 \ub9e4\ub825\uc801\uc778 UI\ub97c \uad6c\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

2.1 QPropertyAnimation \uae30\ubcf8 \uc0ac\uc6a9\ubc95<\/h3>\n

\n QPropertyAnimation\uc744 \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 \uba3c\uc800 Qt \uc704\uc82f\uc744 \uc0dd\uc131\ud55c \ud6c4, \ud574\ub2f9 \uc704\uc82f\uc758 \uc18d\uc131\uc744 \uc560\ub2c8\uba54\uc774\uc158 \ud560 \uc218 \uc788\ub3c4\ub85d \uc124\uc815\ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc740 \ubc84\ud2bc\uc758 \uc704\uce58\ub97c \ubcc0\ud654\uc2dc\ud0a4\ub294 \uac04\ub2e8\ud55c \uc608\uc81c\uc785\ub2c8\ub2e4.\n <\/p>\n

\uc608\uc81c \ucf54\ub4dc<\/h4>\n
\nimport sys\nfrom PyQt5.QtWidgets import QApplication, QPushButton, QVBoxLayout, QWidget\nfrom PyQt5.QtCore import QPropertyAnimation, QRect\n\nclass AnimationExample(QWidget):\n    def __init__(self):\n        super().__init__()\n\n        self.button = QPushButton(\"Click Me!\", self)\n        self.button.setGeometry(50, 50, 100, 40)\n\n        self.animation = QPropertyAnimation(self.button, b\"geometry\")\n        self.animation.setDuration(1000)\n        self.animation.setStartValue(QRect(50, 50, 100, 40))\n        self.animation.setEndValue(QRect(200, 50, 100, 40))\n        self.animation.setLoopCount(-1)  # \ubb34\ud55c \ubc18\ubcf5\n\n        self.button.clicked.connect(self.start_animation)\n\n        layout = QVBoxLayout()\n        layout.addWidget(self.button)\n        self.setLayout(layout)\n\n    def start_animation(self):\n        self.animation.start()\n\nif __name__ == '__main__':\n    app = QApplication(sys.argv)\n    window = AnimationExample()\n    window.setGeometry(100, 100, 400, 200)\n    window.setWindowTitle(\"QPropertyAnimation \uc608\uc81c\")\n    window.show()\n    sys.exit(app.exec_())\n        <\/code><\/pre>\n
\n            \uc704 \ucf54\ub4dc\uc5d0\uc11c\ub294 QPropertyAnimation\uc744 \uc124\uc815\ud558\uc5ec \ubc84\ud2bc\uc758 \uc704\uce58\ub97c \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub85c \ubcc0\uacbd\ud569\ub2c8\ub2e4. \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uba74 \uc2dc\uc791\ud558\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc740 1\ucd08\uc5d0 \uac78\uccd0 \ubc84\ud2bc\uc774 \uc67c\ucabd\uc5d0\uc11c \uc624\ub978\ucabd\uc73c\ub85c \uc774\ub3d9\ud558\ub294 \ubaa8\uc2b5\uc785\ub2c8\ub2e4. setLoopCount(-1)<\/code>\uc744 \ud1b5\ud574 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ubb34\ud55c \ubc18\ubcf5\ud558\ub3c4\ub85d \uc124\uc815\ud588\uc2b5\ub2c8\ub2e4.\n        <\/p>\n<\/p>\n
3. QGraphicsView<\/h2>\n
\nQGraphicsView<\/strong>\ub294 2D \uadf8\ub798\ud53d \uc7a5\uba74\uc744 \ud45c\uc2dc\ud558\uae30 \uc704\ud55c \uc704\uc82f\uc73c\ub85c, \uc5ec\ub7ec \uac1c\uc758 \uadf8\ub798\ud53d \uc544\uc774\ud15c\uc744 \uad00\ub9ac\ud558\uace0 \uadf8\ub9b4 \uc218 \uc788\ub294 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. QGraphicsScene<\/strong>\uacfc \uacb0\ud569\ud558\uc5ec \ub2e4\uc591\ud55c \uadf8\ub798\ud53d \uc694\uc18c\ub97c \ud6a8\uacfc\uc801\uc73c\ub85c \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud2b9\ud788, \uc560\ub2c8\uba54\uc774\uc158\uacfc \ud568\uaed8 \uc0ac\uc6a9\ud558\uba74 \ub354 \ub9e4\ub825\uc801\uc778 \ube44\uc8fc\uc5bc \ud6a8\uacfc\ub97c \ub0bc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
3.1 QGraphicsView \uae30\ubcf8 \uc0ac\uc6a9\ubc95<\/h3>\n
\n            QGraphicsView\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 \uba3c\uc800 QGraphicsScene\uc744 \uc0dd\uc131\ud558\uace0, \uadf8 \uc704\uc5d0 \ub2e4\uc591\ud55c \uc544\uc774\ud15c\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc740 \uac04\ub2e8\ud55c \uc6d0\uc744 QGraphicsView\uc5d0 \ucd94\uac00\ud558\uace0 \uadf8 \ud06c\uae30\ub97c \ubcc0\uacbd\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.\n        <\/p>\n
\uc608\uc81c \ucf54\ub4dc<\/h4>\n
\nimport sys\nfrom PyQt5.QtWidgets import QApplication, QGraphicsView, QGraphicsEllipseItem, QGraphicsScene\nfrom PyQt5.QtCore import QPropertyAnimation\n\nclass GraphicsViewExample(QGraphicsView):\n    def __init__(self):\n        super().__init__()\n\n        self.scene = QGraphicsScene(self)\n        self.setScene(self.scene)\n\n        self.circle = QGraphicsEllipseItem(0, 0, 100, 100)\n        self.circle.setBrush(Qt.blue)\n        self.scene.addItem(self.circle)\n\n        self.animation = QPropertyAnimation(self.circle, b\"rect\")\n        self.animation.setDuration(1000)\n        self.animation.setStartValue(self.circle.rect())\n        self.animation.setEndValue(self.circle.rect().adjusted(-20, -20, 20, 20))\n        self.animation.setLoopCount(-1)  # \ubb34\ud55c \ubc18\ubcf5\n\n        self.start_animation()\n\n    def start_animation(self):\n        self.animation.start()\n\nif __name__ == '__main__':\n    app = QApplication(sys.argv)\n    view = GraphicsViewExample()\n    view.setGeometry(100, 100, 400, 300)\n    view.setWindowTitle(\"QGraphicsView \uc560\ub2c8\uba54\uc774\uc158 \uc608\uc81c\")\n    view.show()\n    sys.exit(app.exec_())\n        <\/code><\/pre>\n
\n            \uc704 \uc608\uc81c\uc5d0\uc11c QGraphicsEllipseItem<\/code>\uc744 \uc0ac\uc6a9\ud558\uc5ec 100×100 \ud06c\uae30\uc758 \uc6d0\uc744 \uadf8\ub9ac\uace0, \uadf8 \ud06c\uae30\ub97c \uc560\ub2c8\uba54\uc774\uc158\uc73c\ub85c \ubcc0\uacbd\ud569\ub2c8\ub2e4. \uc560\ub2c8\uba54\uc774\uc158\uc740 \uc6d0\uc758 \ud06c\uae30\ub97c 20\ud53d\uc140\uc529 \uc904\uc600\ub2e4\uac00 \ub298\ub9ac\ub294 \uacfc\uc815\uc744 \ubb34\ud55c\ud788 \ubc18\ubcf5\ud569\ub2c8\ub2e4.\n        <\/p>\n<\/p>\n
4. QPropertyAnimation\uacfc QGraphicsView \uacb0\ud569\ud558\uae30<\/h2>\n
\n        QPropertyAnimation\uacfc QGraphicsView\ub97c \uacb0\ud569\ud558\uc5ec \uc880 \ub354 \ubcf5\uc7a1\ud55c \uc560\ub2c8\uba54\uc774\uc158\uc744 \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc5ec\ub7ec \uac1c\uc758 \uadf8\ub798\ud53d \uc544\uc774\ud15c\uc744 \uc0dd\uc131\ud558\uace0 \ub3d9\uc2dc\uc5d0 \uc6c0\uc9c1\uc774\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ucd94\uac00\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
4.1 \ubcf5\ud569 \uc560\ub2c8\uba54\uc774\uc158 \uc608\uc81c<\/h3>\n
\n            \uc774\ubc88 \uc608\uc81c\uc5d0\uc11c\ub294 \ub2e4\uc591\ud55c \uc0c9\uc0c1\uc758 \uc6d0\ub4e4\uc774 \ud654\uba74\uc744 \uc654\ub2e4 \uac14\ub2e4 \ud558\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uad6c\ud604\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\n        <\/p>\n
\uc608\uc81c \ucf54\ub4dc<\/h4>\n
\nimport sys\nfrom PyQt5.QtWidgets import QApplication, QGraphicsView, QGraphicsEllipseItem, QGraphicsScene\nfrom PyQt5.QtCore import QPropertyAnimation, Qt\n\nclass ComplexAnimationExample(QGraphicsView):\n    def __init__(self):\n        super().__init__()\n\n        self.scene = QGraphicsScene(self)\n        self.setScene(self.scene)\n\n        self.circles = []\n        for i in range(5):\n            circle = QGraphicsEllipseItem(0, 0, 50, 50)\n            circle.setBrush(Qt.GlobalColor((i+1)*50, 0, 255-(i+1)*50))\n            circle.setPos(50 + i*60, 100)\n            self.scene.addItem(circle)\n            self.circles.append(circle)\n\n            animation = QPropertyAnimation(circle, b\"pos\")\n            animation.setDuration(2000)\n            animation.setStartValue(circle.pos())\n            animation.setEndValue(circle.pos() + QtCore.QPointF(300, 0))\n            animation.setLoopCount(-1)  # \ubb34\ud55c \ubc18\ubcf5\n            animation.start()\n\n    def start_animation(self):\n        for circle in self.circles:\n            animation = QPropertyAnimation(circle, b\"pos\")\n            animation.setDuration(1000)\n            animation.setStartValue(circle.pos())\n            animation.setEndValue(circle.pos() + QtCore.QPointF(300, 0))\n            animation.setLoopCount(-1)\n            animation.start()\n\nif __name__ == '__main__':\n    app = QApplication(sys.argv)\n    view = ComplexAnimationExample()\n    view.setGeometry(100, 100, 800, 400)\n    view.setWindowTitle(\"\ubcf5\ud569 \uc560\ub2c8\uba54\uc774\uc158 \uc608\uc81c\")\n    view.show()\n    sys.exit(app.exec_())\n        <\/code><\/pre>\n
\n            \uc774 \uc608\uc81c\uc5d0\uc11c\ub294 5\uac1c\uc758 \uc6d0\uc744 \uc0dd\uc131\ud558\uace0, \uac01\uac01\uc758 \uc6d0\uc774 \uc218\ud3c9\uc73c\ub85c 300\ud53d\uc140 \uc774\ub3d9\ud558\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc124\uc815\ud569\ub2c8\ub2e4. \uac01 \uc6d0\uc740 \uc11c\ub85c \ub2e4\ub974\uac8c \uc0c9\uc0c1\uc744 \uc9c0\uc815\ud558\uc600\uc73c\uba70, \uc560\ub2c8\uba54\uc774\uc158\uc744 \ud1b5\ud574 \ud654\uba74\uc5d0\uc11c \uc654\ub2e4 \uac14\ub2e4 \ud558\ub294 \ubaa8\uc2b5\uc744 \uad6c\ud604\ud569\ub2c8\ub2e4.\n        <\/p>\n<\/p>\n
5. \uc0ac\uc6a9\uc790 \uc785\ub825\uacfc \uc560\ub2c8\uba54\uc774\uc158<\/h2>\n
\n        \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ub354\uc6b1 \ud5a5\uc0c1\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc0ac\uc6a9\uc790\uac00 \ubc84\ud2bc \ud074\ub9ad\uc744 \ud1b5\ud574 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc2dc\uc791\ud558\uac70\ub098, \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc0c1\ud0dc\ub97c \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
5.1 \uc0ac\uc6a9\uc790 \uc785\ub825\uc744 \ud1b5\ud55c \uc560\ub2c8\uba54\uc774\uc158 \uc81c\uc5b4<\/h3>\n
\n            \uc0ac\uc6a9\uc790\uac00 \uc785\ub825\ud55c \uac12\uc744 \ubc1b\uc544 \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc18d\ub3c4, \ubc29\ud5a5 \ub4f1\uc744 \ubcc0\uacbd\ud558\ub294 \uc608\uc81c\ub97c \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\n        <\/p>\n
\uc608\uc81c \ucf54\ub4dc<\/h4>\n
\nimport sys\nfrom PyQt5.QtWidgets import QApplication, QGraphicsView, QGraphicsEllipseItem, QGraphicsScene, QPushButton, QVBoxLayout, QWidget\nfrom PyQt5.QtCore import QPropertyAnimation, Qt\n\nclass InteractiveAnimationExample(QWidget):\n    def __init__(self):\n        super().__init__()\n\n        self.view = QGraphicsView(self)\n        self.scene = QGraphicsScene(self)\n        self.view.setScene(self.scene)\n\n        self.circle = QGraphicsEllipseItem(0, 0, 50, 50)\n        self.circle.setBrush(Qt.red)\n        self.scene.addItem(self.circle)\n\n        self.startButton = QPushButton(\"\uc560\ub2c8\uba54\uc774\uc158 \uc2dc\uc791\", self)\n        self.startButton.clicked.connect(self.start_animation)\n\n        layout = QVBoxLayout()\n        layout.addWidget(self.view)\n        layout.addWidget(self.startButton)\n        self.setLayout(layout)\n\n    def start_animation(self):\n        self.animation = QPropertyAnimation(self.circle, b\"pos\")\n        self.animation.setDuration(2000)\n        self.animation.setStartValue(self.circle.pos())\n        self.animation.setEndValue(self.circle.pos() + QtCore.QPointF(300, 0))\n        self.animation.setLoopCount(-1)  # \ubb34\ud55c \ubc18\ubcf5\n        self.animation.start()\n\nif __name__ == '__main__':\n    app = QApplication(sys.argv)\n    window = InteractiveAnimationExample()\n    window.setGeometry(100, 100, 800, 400)\n    window.setWindowTitle(\"\uc0ac\uc6a9\uc790 \uc785\ub825\uc744 \ud1b5\ud55c \uc560\ub2c8\uba54\uc774\uc158 \uc81c\uc5b4\")\n    window.show()\n    sys.exit(app.exec_())\n        <\/code><\/pre>\n
\n            \uc5ec\uae30\uc5d0\uc11c\ub294 \ubc84\ud2bc \ud074\ub9ad\uc744 \ud1b5\ud574 \uc560\ub2c8\uba54\uc774\uc158\uc774 \uc2dc\uc791\ub418\ub3c4\ub85d \uad6c\ud604\ud558\uc600\uc2b5\ub2c8\ub2e4. \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uba74 \uc6d0\uc774 \uc624\ub978\ucabd\uc73c\ub85c \uc6c0\uc9c1\uc774\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc774 \uc2e4\ud589\ub418\uba70, \uc0ac\uc6a9\uc790\uac00 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc9c1\uc811 \uc870\uc791\ud560 \uc218 \uc788\ub294 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4.\n        <\/p>\n<\/p>\n
6. \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \ud5a5\uc0c1\uc2dc\ud0a4\uae30 \uc704\ud55c \ud301<\/h2>\n
\n        \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc0ac\uc6a9\ud560 \ub54c\ub294 \uc544\ub798\uc758 \uba87 \uac00\uc9c0 \ud301\uc744 \uace0\ub824\ud558\uc5ec \ub354\uc6b1 \ub9e4\ub825\uc801\uc778 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n