{"id":39132,"date":"2024-11-02T03:37:49","date_gmt":"2024-11-02T03:37:49","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=39132"},"modified":"2024-11-26T06:42:20","modified_gmt":"2024-11-26T06:42:20","slug":"pyqt%ea%b0%9c%eb%b0%9c%ea%b0%95%ec%a2%8c-qsequentialanimationgroup%ea%b3%bc-qparallelanimationgroup","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/39132\/","title":{"rendered":"PyQt\uac1c\ubc1c\uac15\uc88c, QSequentialAnimationGroup\uacfc QParallelAnimationGroup"},"content":{"rendered":"

<\/p>\n

\n
\n

\uc791\uc131\uc790: \uc870\uad11\ud615<\/p>\n

\uc791\uc131\uc77c: 2024\ub144 11\uc6d4 26\uc77c<\/p>\n<\/header>\n

\n

\uc11c\ub860<\/h2>\n

\n PyQt\ub294 Python\uc5d0\uc11c Qt \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc744 \uac00\ub2a5\ud558\uac8c \ud558\ub294 \uac00\uc7a5 \uc778\uae30 \uc788\ub294 \ub77c\uc774\ube0c\ub7ec\ub9ac \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. PyQt\ub97c \ud65c\uc6a9\ud558\uba74 \ubcf5\uc7a1\ud55c GUI \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \uc81c\uc791\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n \uadf8 \uc911\uc5d0\uc11c\ub3c4 \uc560\ub2c8\uba54\uc774\uc158\uc740 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \ubcf4\ub2e4 \uc9c1\uad00\uc801\uc774\uace0 \ub9e4\ub825\uc801\uc73c\ub85c \ub9cc\ub4dc\ub294 \uc911\uc694\ud55c \uc694\uc18c\uc785\ub2c8\ub2e4.
\n QSequentialAnimationGroup\uacfc QParallelAnimationGroup\uc740 PyQt\uc5d0\uc11c \uc560\ub2c8\uba54\uc774\uc158\uc744 \ud6a8\uacfc\uc801\uc73c\ub85c \uad00\ub9ac\ud558\uae30 \uc704\ud55c \ub450 \uac00\uc9c0 \uc911\uc694\ud55c \ud074\ub798\uc2a4\ub85c, \uc774\ub7ec\ud55c \uc560\ub2c8\uba54\uc774\uc158\uc758 \ud750\ub984\uacfc \ub3d9\uae30\ud654\ub97c \uc81c\uc5b4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n<\/section>\n

\n

1. \uae30\ubcf8 \uac1c\ub150<\/h2>\n

\n QSequentialAnimationGroup\uacfc QParallelAnimationGroup\uc740 Qt\uc758 \uc560\ub2c8\uba54\uc774\uc158 \ud504\ub808\uc784\uc6cc\ud06c\uc5d0 \ud3ec\ud568\ub41c \ud074\ub798\uc2a4\uc785\ub2c8\ub2e4.
\n \uc774\ub4e4 \ud074\ub798\uc2a4\ub294 \uac01\uac01 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc21c\ucc28\uc801 \ub610\ub294 \ubcd1\ub82c\uc801\uc73c\ub85c \uc2e4\ud589\ud560 \uc218 \uc788\ub294 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.
\n \uc774\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\uc758 \ub2e4\uc591\ud55c \uc694\uc18c\ub97c \ubd80\ub4dc\ub7fd\uace0 \uc9c1\uad00\uc801\uc73c\ub85c \uc870\uc791\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n

1.1 QSequentialAnimationGroup<\/h3>\n

\n QSequentialAnimationGroup\uc740 \uc5ec\ub7ec \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc21c\ucc28\uc801\uc73c\ub85c \uc2e4\ud589\ud560 \uc218 \uc788\ub294 \uadf8\ub8f9\uc744 \ud615\uc131\ud569\ub2c8\ub2e4.
\n \uccab \ubc88\uc9f8 \uc560\ub2c8\uba54\uc774\uc158\uc774 \ub05d\ub09c \ud6c4 \ub450 \ubc88\uc9f8 \uc560\ub2c8\uba54\uc774\uc158\uc774 \uc2dc\uc791\ud558\ub294 \uc2dd\uc73c\ub85c, \uc27d\uac8c \ubcf5\uc7a1\ud55c \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \ub9cc\ub4e4\uc5b4\ub0bc \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n \uc774 \uc7a5\uce58\ub294 \uc608\ub97c \ub4e4\uc5b4 \ubc84\ud2bc \ud074\ub9ad \uc2dc \uc5ec\ub7ec \ud6a8\uacfc\ub97c \uc5f0\ub2ec\uc544 \ubcf4\uc5ec\uc8fc\uace0\uc790 \ud560 \ub54c \uc720\uc6a9\ud558\uac8c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n

1.2 QParallelAnimationGroup<\/h3>\n

\n QParallelAnimationGroup\uc740 \uc5ec\ub7ec \uc560\ub2c8\uba54\uc774\uc158\uc744 \ub3d9\uc2dc\uc5d0 \uc2e4\ud589\ud560 \uc218 \uc788\ub294 \uadf8\ub8f9\uc785\ub2c8\ub2e4.
\n \uc774 \ubc29\uc2dd\uc740 \ud654\uba74\uc5d0\uc11c \uc5ec\ub7ec \uc694\uc18c\ub97c \ub3d9\uc2dc\uc5d0 \uc57d\uac04\uc758 \uc2dc\uac04 \ucc28\uc774\ub85c \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \uc8fc\uace0\uc790 \ud560 \ub54c \uc720\uc6a9\ud569\ub2c8\ub2e4.
\n \uc608\ub97c \ub4e4\uc5b4, \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\uc758 \uc5ec\ub7ec \uc694\uc18c\ub97c \ub3d9\uc2dc\uc5d0 \uac15\uc870\ud558\uace0\uc790 \ud560 \ub54c \ud65c\uc6a9\ub429\ub2c8\ub2e4.\n <\/p>\n<\/section>\n

\n

2. QSequentialAnimationGroup \uc608\uc81c<\/h2>\n

\uc774 \uc608\uc81c\uc5d0\uc11c\ub294 QSequentialAnimationGroup\uc744 \uc0ac\uc6a9\ud558\uc5ec \ubc84\ud2bc \ud074\ub9ad \uc2dc \uc704\uc544\ub798\ub85c \uc6c0\uc9c1\uc774\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/p>\n

2.1 \uc608\uc81c \ucf54\ub4dc<\/h3>\n
\nimport sys\nfrom PyQt5.QtWidgets import QApplication, QPushButton, QWidget, QVBoxLayout\nfrom PyQt5.QtCore import QPropertyAnimation, QPoint, QSequentialAnimationGroup\n\nclass AnimationExample(QWidget):\n    def __init__(self):\n        super().__init__()\n        self.initUI()\n\n    def initUI(self):\n        self.setGeometry(100, 100, 300, 200)\n        self.setWindowTitle('QSequentialAnimationGroup \uc608\uc81c')\n\n        self.button = QPushButton('\uc560\ub2c8\uba54\uc774\uc158 \uc2dc\uc791', self)\n        self.button.clicked.connect(self.startAnimation)\n\n        layout = QVBoxLayout()\n        layout.addWidget(self.button)\n        self.setLayout(layout)\n\n    def startAnimation(self):\n        # \uc560\ub2c8\uba54\uc774\uc158 \uadf8\ub8f9 \uc0dd\uc131\n        animation_group = QSequentialAnimationGroup(self)\n\n        # \uccab \ubc88\uc9f8 \uc560\ub2c8\uba54\uc774\uc158: \uc704\ub85c \uc774\ub3d9\n        move_up = QPropertyAnimation(self.button, b\"pos\")\n        move_up.setEndValue(QPoint(100, 50))\n        move_up.setDuration(1000)\n\n        # \ub450 \ubc88\uc9f8 \uc560\ub2c8\uba54\uc774\uc158: \uc544\ub798\ub85c \uc774\ub3d9\n        move_down = QPropertyAnimation(self.button, b\"pos\")\n        move_down.setEndValue(QPoint(100, 150))\n        move_down.setDuration(1000)\n\n        # \uc560\ub2c8\uba54\uc774\uc158 \uadf8\ub8f9\uc5d0 \uc560\ub2c8\uba54\uc774\uc158 \ucd94\uac00\n        animation_group.addAnimation(move_up)\n        animation_group.addAnimation(move_down)\n\n        # \uc560\ub2c8\uba54\uc774\uc158 \uc2dc\uc791\n        animation_group.start()\n\nif __name__ == '__main__':\n    app = QApplication(sys.argv)\n    ex = AnimationExample()\n    ex.show()\n    sys.exit(app.exec_())\n            <\/code><\/pre>\n
2.2 \ucf54\ub4dc \uc124\uba85<\/h3>\n
\n                \uc704 \ucf54\ub4dc\ub294 \ubc84\ud2bc\uc744 \ud074\ub9ad\ud588\uc744 \ub54c QSequentialAnimationGroup\uc744 \uc774\uc6a9\ud558\uc5ec \ubc84\ud2bc\uc774 \uc704\ub85c \uc774\ub3d9\ud55c \ud6c4 \ub2e4\uc2dc \uc544\ub798\ub85c \ub0b4\ub824\uc624\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc0dd\uc131\ud558\ub294 \uc608\uc785\ub2c8\ub2e4.
\n                QPropertyAnimation<\/code>\uc744 \uc0ac\uc6a9\ud558\uc5ec \ubc84\ud2bc\uc758 \uc704\uce58\ub97c \uc560\ub2c8\uba54\uc774\uc158\ud558\uba70,
\n                QPoint<\/code>\uc73c\ub85c \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc2dc\uc791\uacfc \ub05d \uc704\uce58\ub97c \uc815\uc758\ud569\ub2c8\ub2e4.
\n                \uac01\uac01\uc758 \uc560\ub2c8\uba54\uc774\uc158\uc740 \uc9c0\uc18d \uc2dc\uac04(setDuration<\/code>)\uc744 \uc124\uc815\ud558\uace0,
\n                \uc774\ub97c QSequentialAnimationGroup<\/code>\uc5d0 \ucd94\uac00\ud558\uc5ec \uc21c\ucc28\uc801\uc73c\ub85c \uc2e4\ud589\ud569\ub2c8\ub2e4.\n            <\/p>\n<\/section>\n
\n
3. QParallelAnimationGroup \uc608\uc81c<\/h2>\n
\uc774 \uc608\uc81c\uc5d0\uc11c\ub294 QParallelAnimationGroup\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub450 \uac1c\uc758 \ubc84\ud2bc\uc744 \ub3d9\uc2dc\uc5d0 \uc88c\uc6b0\ub85c \uc774\ub3d9\uc2dc\ud0a4\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/p>\n
3.1 \uc608\uc81c \ucf54\ub4dc<\/h3>\n
\nimport sys\nfrom PyQt5.QtWidgets import QApplication, QPushButton, QWidget, QVBoxLayout\nfrom PyQt5.QtCore import QPropertyAnimation, QPoint, QParallelAnimationGroup\n\nclass ParallelAnimationExample(QWidget):\n    def __init__(self):\n        super().__init__()\n        self.initUI()\n\n    def initUI(self):\n        self.setGeometry(100, 100, 300, 200)\n        self.setWindowTitle('QParallelAnimationGroup \uc608\uc81c')\n\n        self.button1 = QPushButton('\ubc84\ud2bc 1', self)\n        self.button2 = QPushButton('\ubc84\ud2bc 2', self)\n\n        layout = QVBoxLayout()\n        layout.addWidget(self.button1)\n        layout.addWidget(self.button2)\n        self.setLayout(layout)\n\n        self.button1.clicked.connect(self.startAnimation)\n\n    def startAnimation(self):\n        # \uc560\ub2c8\uba54\uc774\uc158 \uadf8\ub8f9 \uc0dd\uc131\n        animation_group = QParallelAnimationGroup(self)\n\n        # \uccab \ubc88\uc9f8 \uc560\ub2c8\uba54\uc774\uc158: \ubc84\ud2bc 1\uc744 \uc624\ub978\ucabd\uc73c\ub85c \uc774\ub3d9\n        move_right_button1 = QPropertyAnimation(self.button1, b\"pos\")\n        move_right_button1.setEndValue(QPoint(150, 0))\n        move_right_button1.setDuration(1000)\n\n        # \ub450 \ubc88\uc9f8 \uc560\ub2c8\uba54\uc774\uc158: \ubc84\ud2bc 2\ub97c \uc67c\ucabd\uc73c\ub85c \uc774\ub3d9\n        move_left_button2 = QPropertyAnimation(self.button2, b\"pos\")\n        move_left_button2.setEndValue(QPoint(0, 0))\n        move_left_button2.setDuration(1000)\n\n        # \uc560\ub2c8\uba54\uc774\uc158 \uadf8\ub8f9\uc5d0 \uc560\ub2c8\uba54\uc774\uc158 \ucd94\uac00\n        animation_group.addAnimation(move_right_button1)\n        animation_group.addAnimation(move_left_button2)\n\n        # \uc560\ub2c8\uba54\uc774\uc158 \uc2dc\uc791\n        animation_group.start()\n\nif __name__ == '__main__':\n    app = QApplication(sys.argv)\n    ex = ParallelAnimationExample()\n    ex.show()\n    sys.exit(app.exec_())\n            <\/code><\/pre>\n
3.2 \ucf54\ub4dc \uc124\uba85<\/h3>\n
\n                \uc704 \ucf54\ub4dc\ub294 \ubc84\ud2bc 1\uc744 \uc624\ub978\ucabd\uc73c\ub85c \uc774\ub3d9\uc2dc\ud0a4\uace0 \ubc84\ud2bc 2\ub97c \uc67c\ucabd\uc73c\ub85c \uc774\ub3d9\uc2dc\ud0a4\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ub3d9\uc2dc\uc5d0 \uc2e4\ud589\ud558\ub294 \uc608\uc785\ub2c8\ub2e4.
\n                QParallelAnimationGroup<\/code>\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub450 \ubc84\ud2bc\uc758 \uc704\uce58\ub97c \uc88c\uc6b0\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4.
\n                \uac01 \uc560\ub2c8\uba54\uc774\uc158\uc740 QPropertyAnimation<\/code>\uc744 \ud1b5\ud574 \uc815\uc758\ub418\uba70, \uac01\uac01\uc758 \ubc84\ud2bc\uc5d0 \ub300\ud574 \ub2e4\uc591\ud55c \ub05d \uc704\uce58(setEndValue<\/code>)\uc640 \uc9c0\uc18d \uc2dc\uac04(setDuration<\/code>)\uc744 \uc124\uc815\ud569\ub2c8\ub2e4.\n            <\/p>\n<\/section>\n
\n
4. \uc560\ub2c8\uba54\uc774\uc158 \uc138\ubd80 \uc870\uc815<\/h2>\n
\n                QSequentialAnimationGroup\uacfc QParallelAnimationGroup\uc5d0\uc11c \uc560\ub2c8\uba54\uc774\uc158\uc744 \ub2e4\ub8e8\ub2e4 \ubcf4\uba74, \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc9c0\uc18d \uc2dc\uac04, \ubc18\ubcf5 \uac00\ub2a5\uc131, \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc2dc\uc791 \uc0c1\ud0dc \ubc0f \uc885\ub8cc \uc0c1\ud0dc \ub4f1\uc744 \uc870\uc815\ud574\uc57c \ud560 \uacbd\uc6b0\uac00 \ub9ce\uc2b5\ub2c8\ub2e4.
\n                \uc544\ub798\uc5d0\uc11c\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc758 \ub2e4\uc591\ud55c \uc18d\uc131\uc744 \uc5b4\ub5bb\uac8c \uc124\uc815\ud558\uace0 \ud65c\uc6a9\ud560 \uc218 \uc788\ub294\uc9c0\ub97c \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\n            <\/p>\n
4.1 \uc9c0\uc18d \uc2dc\uac04 \ubc0f \uc644\ub8cc \ubc29\uc2dd<\/h3>\n
\n                \uac01 \uc560\ub2c8\uba54\uc774\uc158 \uac1d\uccb4\uc758 setDuration<\/code> \uba54\uc18c\ub4dc\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc9c0\uc18d \uc2dc\uac04\uc744 \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n                \ub610\ud55c setEasingCurve<\/code> \uba54\uc18c\ub4dc\ub97c \ud1b5\ud574 \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc644\ub8cc \ubc29\uc2dd\uc744 \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n                \uc774 \ubc29\uc2dd\uc744 \uc870\uc815\ud558\uba74 \uc560\ub2c8\uba54\uc774\uc158\uc758 \ucc98\uc74c\uacfc \ub05d\uc5d0\uc11c\uc758 \uc18d\ub3c4 \ubcc0\ud654\uc5d0 \ub2e4\uc591\ud55c \ud6a8\uacfc\ub97c \uc904 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n            <\/p>\n
4.2 \ubc18\ubcf5 \ubc0f \uc77c\uc2dc \uc815\uc9c0<\/h3>\n
\n                \uc560\ub2c8\uba54\uc774\uc158\uc744 \ubc18\ubcf5\ud558\uace0 \uc2f6\ub2e4\uba74 setLoopCount<\/code> \uba54\uc18c\ub4dc\ub97c \uc0ac\uc6a9\ud558\uc5ec \ubc18\ubcf5\ud560 \ud69f\uc218\ub97c \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n                \uc81c\uc5b4\ub97c \uc704\ud574 pause()<\/code> \ubc0f resume()<\/code> \uba54\uc18c\ub4dc\ub97c \ud65c\uc6a9\ud558\uba74 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ud2b9\uc815 \uc2dc\uc810\uc5d0\uc11c \uc77c\uc2dc \uc815\uc9c0\ud558\uace0 \ub2e4\uc2dc \uc2dc\uc791\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n            <\/p>\n
4.3 \uc560\ub2c8\uba54\uc774\uc158 \uc0c1\ud0dc \uc2e0\ud638 \uc2ac\ub86f<\/h3>\n
\n                \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc0c1\ud0dc \ubcc0\ud654\uc5d0 \ub530\ub77c \ud2b9\uc815 \uc791\uc5c5\uc744 \uc218\ud589\ud574\uc57c \ud560 \ud544\uc694\uac00 \uc788\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n                \uc774 \uacbd\uc6b0 finished()<\/code>, stateChanged()<\/code> \ub4f1\uc758 \uc2e0\ud638\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc0c1\ud0dc \ubcc0\ud654\uc5d0 \ub300\ud55c \uc2ac\ub86f\uc744 \uc5f0\uacb0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n                \uc608\ub97c \ub4e4\uc5b4, \uc560\ub2c8\uba54\uc774\uc158\uc774 \ub05d\ub0a0 \ub54c \ud2b9\uc815 \ubc84\ud2bc\uc744 \ud65c\uc131\ud654\ud558\ub294 \ucf54\ub4dc\ub97c \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n            <\/p>\n<\/section>\n
\n
5. \uacb0\ub860<\/h2>\n
\n                QSequentialAnimationGroup\uacfc QParallelAnimationGroup\uc740 PyQt\uc5d0\uc11c \uc560\ub2c8\uba54\uc774\uc158\uc744 \ud6a8\uacfc\uc801\uc73c\ub85c \uad6c\ud604\ud560 \uc218 \uc788\ub294 \ub9e4\uc6b0 \uc720\uc6a9\ud55c \ub3c4\uad6c\uc785\ub2c8\ub2e4.
\n                \uc774\ub97c \ud1b5\ud574 \ubcf5\uc7a1\ud55c \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \ubcf4\ub2e4 \ub9e4\ub825\uc801\uc774\uace0 \uc9c1\uad00\uc801\uc73c\ub85c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n                \ubcf8 \uac15\uc88c\uc5d0\uc11c \ub2e4\ub8ec \ub0b4\uc6a9\uc744 \ubc14\ud0d5\uc73c\ub85c \ub2e4\uc591\ud55c \uc560\ub2c8\uba54\uc774\uc158\uc744 \ud65c\uc6a9\ud558\uc5ec \uc790\uc2e0\ub9cc\uc758 \ub3c5\ucc3d\uc801\uc778 GUI \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4\uc5b4\ubcf4\uc2dc\uae38 \ubc14\ub78d\ub2c8\ub2e4.\n            <\/p>\n<\/section>\n