{"id":559,"date":"2020-05-20T13:05:31","date_gmt":"2020-05-20T04:05:31","guid":{"rendered":"http:\/\/batmask.dothome.co.kr\/?p=559"},"modified":"2020-05-20T13:05:31","modified_gmt":"2020-05-20T04:05:31","slug":"python-qt-qslider-%ec%97%90-%ea%b8%b0%eb%8a%a5%ec%b6%94%ea%b0%80%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"http:\/\/batmask.net\/index.php\/2020\/05\/20\/559\/","title":{"rendered":"Python: Qt QSlider \uc5d0 \uae30\ub2a5\ucd94\uac00\ud558\uae30"},"content":{"rendered":"\n

music player\ub97c \ub9cc\ub4e4\uc5b4 \ubcf4\uace0 \uc788\ub294\ub370, QSlider\uac00 \uc758\uc678\ub85c \uae30\ub2a5\uc774 \ubd80\uc2e4\ud574\uc11c \uadf8\ub300\ub85c \uc4f8\uc218\uac00 \uc5c6\uc5c8\ub2e4. \ubbf8\ub514\uc5b4 \ud50c\ub808\uc774\uc5b4\ub4e4\uc744 \ubcf4\uba74, slider\uc5d0 \ud074\ub9ad \ud55c\ubc88\uc73c\ub85c \uc704\uce58\ub97c \uc774\ub3d9\ud558\uace0, \ub4dc\ub798\uadf8\ub3c4 \ubd80\ub4dc\ub7fd\uac8c \ub418\ub294\uac78 \ubcfc \uc218 \uc788\ub2e4. \ubc18\uba74, \uae30\ubcf8 QSlider\ub294 \uc784\uc758 \uc704\uce58 \ud074\ub9ad\uc774 page \ub2e8\uc704 \uc774\ub3d9\uc744 \uc758\ubbf8\ud558\uace0, \uc2ac\ub77c\uc774\ub354 \ubc14\ub97c \ub4dc\ub798\uadf8 \ud560 \uc218 \uc788\uc9c0\ub9cc, \uc790\uc5f0\uc2a4\ub7fd\uc9c0 \uc54a\uac8c tick \ub2e8\uc704\ub85c \uc6c0\uc9c1\uc778\ub2e4. \uc774\ub97c \ubcf4\uc644\ud558\uba70 \uc54c\uac8c\ub41c \uc810\uc744 \uae30\ub85d\ud574\ubcf8\ub2e4.<\/p>\n\n\n\n

\n\n\n\n

Qt Designer\uc5d0 custom widget \uc0ac\uc6a9\ud558\uae30<\/h3>\n\n\n\n

\uc704\uc82f\uc758 \uae30\ub2a5\uc744 \ud655\uc7a5\ud558\uace0 \uc2f6\uc740\ub370, ui \ucf54\ub4dc\ub97c Qt Designer\ub85c \uc0dd\uc131\ud558\uace0 \uc788\uc73c\ub2c8, \ub09c\uac10\ud55c \uc0c1\ud669\uc774 \uc0dd\uacbc\ub2e4. Qt Designer\uc5d0\uc11c custom widget\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub098 \ucc3e\uc544\ubd24\ub294\ub370, \uc5ed\uc2dc\ub098 \ubc29\ubc95\uc774 \uc788\uc5c8\ub2e4. \uad00\ub828\uc815\ubcf4\ub294 \ub2e4\uc74c \ub9c1\ud06c\ub97c \ucc38\uace0\ud558\uc600\ub2e4. https:\/\/www.learnpyqt.com\/courses\/qt-creator\/embed-pyqtgraph-custom-widgets-qt-app\/<\/a><\/p>\n\n\n\n

\uc6b0\uc120 \uc0ac\uc6a9\ud560 \ud074\ub798\uc2a4\ub97c \uac04\ub2e8\ud558\uac8c\ub77c\ub3c4 \ub9cc\ub4e4\uc5b4\uc900\ub2e4. \uc774\ubbf8 \ub9cc\ub4e4\uc5b4\uc838 \uc788\ub2e4\uba74 \uc0c1\uad00\uc5c6\ub2e4. \uc5ec\uae30\uc11c\ub294 QSlider\ub97c \uc0c1\uc18d\ubc1b\uc544 \uc815\uc758\ud558\uc600\ub2e4.<\/p>\n\n\n\n

class BTMPSlider(QSlider):\n    pass<\/code><\/pre>\n\n\n\n
Qt Designer\uc5d0\uc11c \uae30\ubcf8 \uc704\uc82f\uc73c\ub85c \uc790\ub9ac\ub97c \uc7a1\uace0, \ud574\ub2f9 \uc704\uc82f\uc744 RMB \ud074\ub9ad\ud558\uba74 “\ub2e4\uc74c\uc73c\ub85c \uc2b9\uaca9”\uc774\ub780 \uba54\ub274\uac00 \uc788\ub2e4. \uc774\uac78 \uc120\ud0dd\ud558\uba74 \ucee4\uc2a4\ud140 \uc704\uc82f\uc744 \uc9c0\uc815\ud560 \uc218 \uc788\ub294 \ub300\ud654\ucc3d\uc774 \ub72c\ub2e4.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\uc774\ubbf8\uc9c0\ub294 \uc774\ubbf8 \uc2b9\uaca9\ub41c \uc2ac\ub77c\uc774\ub354\ub97c \ud45c\uc2dc\ud558\uace0 \uc788\ub2e4. \uc0c8\ub85c \ub9cc\ub4dc\ub294 \uacbd\uc6b0, \uc544\ub798\ucabd ‘\uc0c8 \uc2b9\uaca9\ub41c \ud074\ub798\uc2a4’ \ubd80\ubd84\uc744 \ucc44\uc6cc\uc8fc\uace0 \uc2b9\uaca9\uc2dc\ud0a4\uba74 \uac00\ub2a5\ud558\ub2e4.<\/p>\n\n\n\n
\uc2b9\uaca9\ub41c \ud074\ub798\uc2a4 \uc774\ub984\uc5d0\ub294 \ub0b4\uac00 \uc815\uc758\ud55c \ud074\ub798\uc2a4 \uba85\uc744 \uc0ac\uc6a9\ud558\uace0, \ud5e4\ub354 \ud30c\uc77c\uc5d0\ub294 \ud074\ub798\uc2a4\uac00 \ub4e4\uc5b4\uc788\ub294 \uc784\ud3ec\ud2b8\ud560 \ud30c\uc77c \uc774\ub984\uc744 \uc368\uc900\ub2e4. \uc544\ub9c8\ub3c4, \ud074\ub798\uc2a4 \uc774\ub984\uc744 \uc801\uc73c\uba74 \uc790\ub3d9\uc73c\ub85c “*.h” \ud5e4\ub354\ud30c\uc77c\uc774 \ub4e4\uc5b4\uac08\ud150\ub370, \ud574\ub2f9\ubd80\ubd84\uc744 \uc9c0\uc6b0\uace0 \ub0b4 \ud30c\uc77c\uc774\ub984\uc744 \uc801\ub294\ub2e4. \uc774\ub294 Qt\uac00   C++\uae30\ubc18\uc774\uae30 \ub54c\ubb38\uc778\ub370, python\uc758 \uacbd\uc6b0 \ubcc0\ud658\ud574\uc8fc\uba74 import \ubd80\ubd84\uc744 \ucc44\uc6cc\uc900\ub2e4. \uc774\ubbf8 \uc785\ub825\ub41c \ubd80\ubd84\uc744 \ubcf4\uba74, BTMPSlider, ui.btmpslider \ub85c \uc774\ub984\uc774 \ub4e4\uc5b4\uac04\uac78 \ubcfc \uc218 \uc788\ub2e4.<\/p>\n\n\n\n
\uc774\ub807\uac8c \uc2b9\uaca9\ub41c \uc0c1\ud0dc\ub85c pyside2-uic\ub85c \ubcc0\ud658\uc744 \uc2dc\ud0a4\uba74, \ub2e4\uc74c\ucc98\ub7fc \ucf54\ub4dc\uc5d0 \ub4e4\uc5b4\uac04\uac78 \ud655\uc778 \uac00\ub2a5\ud558\ub2e4.<\/p>\n\n\n\n
from ui.btmpslider import BTMPSlider\n...\nself.MusicProgressSlider = BTMPSlider(self.centralwidget)\n...<\/code><\/pre>\n\n\n\n
\n\n\n\n
<\/p>\n\n\n\n
Event Handler \ucd94\uac00\ud558\uae30<\/h3>\n\n\n\n
QSlider\uc5d0 \ucd94\uac00\ud560 \uae30\ub2a5\uc740 Mouse click\uacfc Drag \uae30\ub2a5\uc774\ub2e4. \uc774\ub97c \uad6c\ud604\ud558\uae30 \uc704\ud574 BTMPSlider \ud074\ub798\uc2a4\uc5d0 mousePressEvent, mouseMoveEvent, mouseReleaseEvent\ub97c \uc624\ubc84\ub77c\uc774\ub4dc \ud55c\ub2e4. \uad6c\ud604 \ub0b4\uc6a9\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n
    def __init__(self, *args, **kwargs):\n        super().__init__(*args, **kwargs)\n        self._is_drag: bool = False\n\n    def mousePressEvent(self, ev: QMouseEvent):\n        print(\"mouse press\")\n        if ev.button() == Qt.LeftButton:\n            ev.accept()\n            x = ev.pos().x()\n            value = (self.maximum() - self.minimum()) * x \/ self.width() + self.minimum()\n            self.setValue(int(value))\n        else:\n            return super().mousePressEvent(ev)\n\n    def mouseMoveEvent(self, ev: QMouseEvent):\n        print(\"mouse move\")\n        if ev.buttons() & Qt.LeftButton:\n            ev.accept()\n            x = ev.pos().x()\n            value = (self.maximum() - self.minimum()) * x \/ self.width() + self.minimum()\n            self.setValue(int(value))\n\n            if not self._is_drag:\n                self._is_drag = True\n        else:\n            return super().mouseMoveEvent(ev)\n\n    def mouseReleaseEvent(self, ev: QMouseEvent):\n        print(\"mouse release\")\n        print(ev.button())\n        if ev.button() == Qt.LeftButton and self._is_drag:\n            ev.accept()\n            self._is_drag = False\n            x = ev.pos().x()\n            value = (self.maximum() - self.minimum()) * x \/ self.width() + self.minimum()\n        else:\n            return super().mouseReleaseEvent(ev)<\/code><\/pre>\n\n\n\n
\ub2e8\uc21c \ud074\ub9ad\uc778 \uacbd\uc6b0,  LMB\ub97c \uccb4\ud06c\ud558\uc5ec, \uc704\uce58\uc815\ubcf4\ub97c value\uac12\uc73c\ub85c \ud658\uc0b0\ud574 \uc124\uc815\ud574\uc900\ub2e4.<\/p>\n\n\n\n
\ub9c8\uc6b0\uc2a4\uac00 \uc6c0\uc9c1\uc77c \ub54c, \ubc84\ud2bc\uc774 \ud074\ub9ad\ub418\uc5b4 \uc788\uc73c\uba74 is_drag\ub97c \uc124\uc815\ud558\uace0 \ub9b4\ub9ac\uc988\ub420 \ub54c \uc774\ub97c \ud574\uc81c\ud574\uc918 drag \uc0c1\ud0dc\ub97c \uad6c\ud604\ud588\ub2e4. \uc8fc\uc758\ud560\uc810\uc740, mouseMoveEvent()\uc5d0\uc11c mouse button \uc0c1\ud0dc\uc815\ubcf4\uac00 ev.button()\uc774 \uc544\ub2c8\ub77c ev.buttons()\ub77c\ub294 \uc810\uc774\ub2e4. \uc804\uc790\ub294 \uc774\ubca4\ud2b8\ub97c \ubc1c\uc0dd\uc2dc\ud0a4\ub294 \ubc84\ud2bc\uc744 \uc54c\ub824\uc8fc\uba70, \ud6c4\uc790\ub294 \ud604\uc7ac \ubc84\ud2bc\uc758 \uc0c1\ud0dc\ub4e4\uc774 or \uc5f0\uc0b0\uc73c\ub85c \uacb9\uccd0\uc788\uc5b4 \uc774\uc911 LMB\uac00 \ub20c\ub838\ub294\uc9c0 bit and \uc5f0\uc0b0\uc73c\ub85c \ud655\uc778\ud574\uc8fc\uace0 \uc788\ub2e4.<\/p>\n\n\n\n
\n\n\n\n
<\/p>\n\n\n\n
Custom Signal \ucd94\uac00\ud558\uae30<\/h3>\n\n\n\n
QSlider\uc5d0 \ucd94\uac00\ud55c \uae30\ub2a5\ub4e4\uc5d0 \ub300\ud574 \uc774\ubca4\ud2b8\uac00 \ubc1c\uc0dd\ud560 \ub54c,  \ubba4\uc9c1 \ud50c\ub808\uc774\uc5b4\uc758 \uc7ac\uc0dd\uc704\uce58\ub97c \ubcc0\uacbd\ud574\uc57c \ud558\ubbc0\ub85c, \ucc98\ub9ac\uac00 \uac00\ub2a5\ud558\ub3c4\ub85d \uc774\ubca4\ud2b8\uc5d0 \ub300\ud55c \uc2dc\uadf8\ub110\uc744 \ucd94\uac00\ud574\uc900\ub2e4.<\/p>\n\n\n\n
Signal\uc744 \ub9cc\ub4e4\ub824\uace0 \uc774\uac70\uc800\uac70 \uc880 \ucc3e\uc544\ubd24\ub294\ub370, \uc624\ud788\ub824 \ud63c\ub780\ub9cc \uc8fc\ub294 \ubb38\uc11c\ub9cc \ucc3e\uc558\ub2e4. \ub2e4\ub978\uac74 \uc2e0\uacbd\uc4f8\uac8c \uc5c6\uace0, class \uc758 \uba64\ubc84\ub85c \ub9cc\ub4e4\uc5b4\uc57c \ud558\ub294 \uac83\ub9cc \uc8fc\uc758\ud558\uba74 \ub41c\ub2e4. <\/p>\n\n\n\n
class BTMPSlider(QSlider):\n    mouseClick: Signal = Signal(int)\n    dragStart: Signal = Signal(int)\n    dragEnd: Signal = Signal(int)\n<\/code><\/pre>\n\n\n\n
\uc774\uc81c \uc6d0\ud558\ub294 \uc704\uce58\uc5d0\uc11c \ud574\ub2f9 signal.emit() \uc744 \ud638\ucd9c\ud558\uc5ec \uc2dc\uadf8\ub110\uc744 \ubcf4\ub0b4\uba74 \uc644\ub8cc. \uc774\ub97c \ucd94\uac00\ud55c \uc804\uccb4 \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n
from PySide2.QtCore import Signal\nfrom PySide2.QtGui import QMouseEvent, Qt\nfrom PySide2.QtWidgets import QSlider\n\n\nclass BTMPSlider(QSlider):\n    mouseClick: Signal = Signal(int)\n    dragStart: Signal = Signal(int)\n    dragEnd: Signal = Signal(int)\n\n    def __init__(self, *args, **kwargs):\n        super().__init__(*args, **kwargs)\n        self._is_drag: bool = False\n\n    def mousePressEvent(self, ev: QMouseEvent):\n        print(\"mouse press\")\n        if ev.button() == Qt.LeftButton:\n            ev.accept()\n            x = ev.pos().x()\n            value = (self.maximum() - self.minimum()) * x \/ self.width() + self.minimum()\n            self.setValue(int(value))\n            self.mouseClick.emit(value)\n        else:\n            return super().mousePressEvent(ev)\n\n    def mouseMoveEvent(self, ev: QMouseEvent):\n        print(\"mouse move\")\n        if ev.buttons() & Qt.LeftButton:\n            ev.accept()\n            x = ev.pos().x()\n            value = (self.maximum() - self.minimum()) * x \/ self.width() + self.minimum()\n            self.setValue(int(value))\n\n            if not self._is_drag:\n                self._is_drag = True\n                self.dragStart.emit(value)\n\n        else:\n            return super().mouseMoveEvent(ev)\n\n    def mouseReleaseEvent(self, ev: QMouseEvent):\n        print(\"mouse release\")\n        print(ev.button())\n        if ev.button() == Qt.LeftButton and self._is_drag:\n            ev.accept()\n            self._is_drag = False\n            x = ev.pos().x()\n            value = (self.maximum() - self.minimum()) * x \/ self.width() + self.minimum()\n            self.dragEnd.emit(value)\n        else:\n            return super().mouseReleaseEvent(ev)\n\n<\/code><\/pre>\n\n\n\n
\ud074\ub77c\uc774\uc5b8\ud2b8 \ucf54\ub4dc\uc5d0\uc11c \ub2e4\uc74c\uacfc \uac19\uc774 \uc2dc\uadf8\ub110\uc5d0 \uba54\uc18c\ub4dc \ud568\uc218\ub4e4\uc744 \uc5f0\uacb0\ud574 \uc0ac\uc6a9\ud55c\ub2e4.<\/p>\n\n\n\n
...\nself.ui.MusicProgressSlider.mouseClick.connect(self.set_play_pos)\nself.ui.MusicProgressSlider.dragStart.connect(self.drag_start)\nself.ui.MusicProgressSlider.dragEnd.connect(self.drag_end)\n...<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
music player\ub97c \ub9cc\ub4e4\uc5b4 \ubcf4\uace0 \uc788\ub294\ub370, QSlider\uac00 \uc758\uc678\ub85c \uae30\ub2a5\uc774 \ubd80\uc2e4\ud574\uc11c \uadf8\ub300\ub85c \uc4f8\uc218\uac00 \uc5c6\uc5c8\ub2e4. \ubbf8\ub514\uc5b4 \ud50c\ub808\uc774\uc5b4\ub4e4\uc744 \ubcf4\uba74, slider\uc5d0 \ud074\ub9ad \ud55c\ubc88\uc73c\ub85c \uc704\uce58\ub97c \uc774\ub3d9\ud558\uace0, \ub4dc\ub798\uadf8\ub3c4 \ubd80\ub4dc\ub7fd\uac8c \ub418\ub294\uac78 \ubcfc \uc218 \uc788\ub2e4. \ubc18\uba74, \uae30\ubcf8 QSlider\ub294 \uc784\uc758 \uc704\uce58 \ud074\ub9ad\uc774 page \ub2e8\uc704 \uc774\ub3d9\uc744 \uc758\ubbf8\ud558\uace0, \uc2ac\ub77c\uc774\ub354 \ubc14\ub97c \ub4dc\ub798\uadf8 \ud560 \uc218 \uc788\uc9c0\ub9cc, \uc790\uc5f0\uc2a4\ub7fd\uc9c0 \uc54a\uac8c tick \ub2e8\uc704\ub85c \uc6c0\uc9c1\uc778\ub2e4. \uc774\ub97c \ubcf4\uc644\ud558\uba70 \uc54c\uac8c\ub41c \ub354 \uc77d\uae30<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,33],"tags":[174,176,35,177,56,175,55],"class_list":["post-559","post","type-post","status-publish","format-standard","hentry","category-etc","category-python","tag-custom-signal","tag-promote","tag-python","tag-qslider","tag-qt","tag-qt-desinger","tag-python-kr"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/comments?post=559"}],"version-history":[{"count":4,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/559\/revisions"}],"predecessor-version":[{"id":566,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/559\/revisions\/566"}],"wp:attachment":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/media?parent=559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/categories?post=559"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/tags?post=559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}