{"id":1644,"date":"2020-11-02T00:00:00","date_gmt":"2020-11-01T15:00:00","guid":{"rendered":"https:\/\/www.ishikawasekkei.com\/?p=1644"},"modified":"2020-11-01T16:22:58","modified_gmt":"2020-11-01T07:22:58","slug":"python-gui-programing-tkinter-autohiding-scrollbars","status":"publish","type":"post","link":"https:\/\/www.ishikawasekkei.com\/index.php\/2020\/11\/02\/python-gui-programing-tkinter-autohiding-scrollbars\/","title":{"rendered":"Python GUI\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0 tkinter \u81ea\u52d5\u3067\u6d88\u3048\u308b\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc"},"content":{"rendered":"\n<p>\u3000\u3053\u3093\u306b\u3061\u306f\u3002\u898b\u306b\u6765\u3066\u304f\u3060\u3055\u3063\u3066\u3001\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002\u77f3\u5ddd\u3055\u3093\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u3000\u4eca\u65e5\u306f\u3001<a href=\"https:\/\/www.ishikawasekkei.com\/index.php\/2020\/04\/23\/python-tkinter-gui-programing-canvas-scale\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u5148\u65e5\u66f8\u3044\u305f\u8a18\u4e8b<\/a>\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u304c\u5fc5\u8981\u306e\u306a\u3044\u3068\u304d\u306b\u6d88\u3048\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u66f8\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u51fa\u6765\u4e0a\u304c\u308a\u30a4\u30e1\u30fc\u30b8<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"360\" style=\"aspect-ratio: 720 \/ 360;\" width=\"720\" controls src=\"https:\/\/www.ishikawasekkei.com\/wp-content\/uploads\/2020\/11\/Canvas-move-test-2020-11-01-11-56-50.mp4\"><\/video><figcaption>\u9805\u76ee\u306e\u4f4d\u7f6e\u306b\u3088\u3063\u3066\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u304c\u51fa\u305f\u308a\u6d88\u3048\u305f\u308a\u3059\u308b<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9<\/h2>\n\n\n\n<p>\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"python\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">import tkinter as tk\n\n\nclass AutoScrollbar(tk.Scrollbar):  # pylint: disable=too-many-ancestors\n    ''' \u5fc5\u8981\u306b\u5fdc\u3058\u3066\u81ea\u52d5\u3067\u6d88\u3048\u308b\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\n        grid \u3068 pack geometry manager \u3067\u5229\u7528\u53ef\u80fd\u3067\u3059'''\n    def __init__(self, master=None, **kw):\n        super().__init__(master, **kw)\n        self.geo_mgr = self.key_word = None\n\n    def set(self, first, last):\n        self.geo_mgr = self.geo_mgr if self.geo_mgr else self.winfo_manager()\n        if float(first) &lt;= 0.0 and float(last) >= 1.0:\n            if self.geo_mgr == \"grid\":\n                self.grid_remove()\n            elif self.geo_mgr == \"pack\":\n                self.pack_forget()\n        else:\n            if self.geo_mgr == \"grid\":\n                self.grid()\n            elif self.geo_mgr == \"pack\":\n                self.pack(**self.key_word)\n        super().set(first, last)\n\n    def pack(self, **kw):  # pylint: disable=arguments-differ\n        ''' pack geometry manager\u306e\u30ad\u30fc\u30ef\u30fc\u30c9\u5f15\u6570\u3092\u4fdd\u6301 '''\n        self.key_word = kw\n        super().pack(**kw)\n\n    def place(self, **kw):  # pylint: disable=no-self-use\n        ''' place geometry manager \u3092\u4f7f\u3063\u305f\u3068\u304d\u306e\u305f\u3081\u306e\u8b66\u544a '''\n        raise tk.TclError('place\u306f\u4f7f\u3048\u307e\u305b\u3093')\n\n\nclass App(tk.Tk):\n    ''' \u30e1\u30a4\u30f3\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30af\u30e9\u30b9 '''\n    def __init__(self):\n        super().__init__()\n        self.title(\"Canvas move test\")\n        self.geometry(\"400x200\")\n\n        # grid\u30d0\u30fc\u30b8\u30e7\u30f3\n        self.canvas = can = tk.Canvas(self, background=\"white\")\n        sbx = AutoScrollbar(self, orient=tk.HORIZONTAL, command=can.xview)\n        sby = AutoScrollbar(self, orient=tk.VERTICAL, command=can.yview)\n        can.config(xscrollcommand=sbx.set, yscrollcommand=sby.set)\n        self.info = tk.Label(self)\n        can.grid(row=0, column=0, sticky=tk.NSEW)\n        sbx.grid(row=1, column=0, sticky=tk.EW)\n        sby.grid(row=0, column=1, sticky=tk.NS)\n        self.info.grid(row=2, columnspan=2)\n#        # pack\u30d0\u30fc\u30b8\u30e7\u30f3\n#        self.canvas = can = tk.Canvas(self, background=\"white\")\n#        sbx = AutoScrollbar(can, orient=tk.HORIZONTAL, command=can.xview)\n#        sby = AutoScrollbar(can, orient=tk.VERTICAL, command=can.yview)\n#        can.config(xscrollcommand=sbx.set, yscrollcommand=sby.set)\n#        self.info = tk.Label(self)\n#        can.grid(row=0, column=0, sticky=tk.NSEW)\n#        sbx.pack(side=tk.BOTTOM, fill=tk.X)\n#        sby.pack(sid=tk.RIGHT, fill=tk.Y)\n#        self.info.grid(row=1, columnspan=2)\n\n        self.start = self.item = None\n        can.bind(\"&lt;Motion>\", self.move)\n        can.bind(\"&lt;ButtonPress>\", self.button_press)\n        can.bind(\"&lt;ButtonRelease>\", self.button_release)\n        can.bind(\"&lt;MouseWheel>\", self.mouse_wheel)\n        self.rowconfigure(0, weight=1)\n        self.columnconfigure(0, weight=1)\n        self.bind(\"&lt;Configure>\", self.resize)\n\n        can.create_rectangle(40, 40, 60, 60)\n\n    def move(self, event):\n        ''' \u30de\u30a6\u30b9\u304c\u52d5\u3044\u305f\u3068\u304d\u306e\u51e6\u7406 '''\n        x = self.canvas.canvasx(event.x)  # pylint: disable=invalid-name\n        y = self.canvas.canvasy(event.y)  # pylint: disable=invalid-name\n        text = f\"mouse position = ({event.x}, {event.y}) ({x},{y})\"\n        self.info.configure(text=text)\n        if self.start and self.item:\n            original_x, original_y = self.start\n            self.canvas.move(self.item, x - original_x, y - original_y)\n            self.start = x, y\n            self.resize(event)\n\n        elif event.state == 256:  # Button1\n            self.canvas.scan_dragto(event.x, event.y, gain=1)\n\n    def button_press(self, event):\n        ''' \u30de\u30a6\u30b9\u306e\u30dc\u30bf\u30f3\u3092\u62bc\u3055\u308c\u305f\u3068\u304d\u306e\u51e6\u7406 '''\n        x = self.canvas.canvasx(event.x)  # pylint: disable=invalid-name\n        y = self.canvas.canvasy(event.y)  # pylint: disable=invalid-name\n        self.start = x, y\n        self.item = self.canvas.find_overlapping(x-10, y-10, x+10, y+10)\n        if self.item:\n            self.item = self.item[0]\n        else:\n            self.canvas.scan_mark(event.x, event.y)\n        if event.num == 3:\n            self.item = self.canvas.create_rectangle(x-10, y-10, x+10, y+10)\n\n    def button_release(self, event):  # pylint: disable=unused-argument\n        ''' \u30dc\u30bf\u30f3\u304c\u96e2\u3055\u308c\u305f\u3068\u304d\u306e\u51e6\u7406 '''\n        self.start = None\n\n    def resize(self, event):  # pylint: disable=unused-argument\n        ''' \u30a6\u30a3\u30f3\u30c9\u30a6\u30b5\u30a4\u30ba\u304c\u5909\u308f\u3063\u305f\u6642\u306e\u51e6\u7406 '''\n        region = self.canvas.bbox(tk.ALL)\n        if region[0] > 0:\n            region = (0, *region[1:])\n        if region[1] > 0:\n            region = (region[0], 0, *region[2:])\n        self.canvas.configure(scrollregion=region)\n\n    def mouse_wheel(self, event):\n        ''' \u30db\u30a4\u30fc\u30eb\u304c\u64cd\u4f5c\u3055\u308c\u305f\u3068\u304d\u306e\u51e6\u7406 '''\n        if event.state == 5:  # Shift|Control\n            self.canvas.scan_mark(event.x, event.y)\n            self.canvas.scan_dragto(event.x + event.delta \/\/ 120,\n                                    event.y, gain=10)\n        elif event.state == 4:  # Control\n            scale = 1 + event.delta \/ 1200\n            self.canvas.scale(tk.ALL, event.x, event.y, scale, scale)\n        elif event.state == 1:  # Shift\n            pass\n        elif event.state == 0:  # None\n            self.canvas.scan_mark(event.x, event.y)\n            self.canvas.scan_dragto(event.x,\n                                    event.y + event.delta \/\/ 120, gain=10)\n        self.resize(event)\n\n\ndef main():\n    ''' \u30e1\u30a4\u30f3\u30d7\u30ed\u30b0\u30e9\u30e0 '''\n    app = App()\n    app.mainloop()\n\n\nif __name__ == \"__main__\":\n    main()\n<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u8aac\u660e<\/h2>\n\n\n\n<p>\u3000\u4eca\u56de\u306f\u3001Scrollbar\u3092\u7d99\u627f\u3057\u3066\u3001AutoScrollbar\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002\u307e\u3001\u57fa\u672c\u7684\u306b\u306f\u3001<a href=\"http:\/\/effbot.org\/zone\/tkinter-autoscrollbar.htm\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"http:\/\/effbot.org\/zone\/tkinter-autoscrollbar.htm\">\u3053\u3053<\/a>\u3067\u8a18\u8f09\u306e\u3042\u3063\u305f\u65b9\u6cd5\u3092\u8e0f\u8972\u3057\u3066\u3044\u307e\u3059\u3002\u9055\u3044\u306fpack\u3067\u3082\u5229\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u305f\u3053\u3068\u304f\u3089\u3044\u3067\u3057\u3087\u3046\u304b\u3002\u30dd\u30a4\u30f3\u30c8\u306fScrollbar\u306eset\u304c\u547c\u3073\u51fa\u3055\u308c\u305f\u3068\u304d\u306b\u3001\u5fc5\u8981\u304c\u306a\u3051\u308c\u3070\u3001grid_remove\uff08pack_forget\uff09\u3092\u4f7f\u3063\u3066\u898b\u3048\u306a\u304f\u3059\u308b\u3001\u3068\u3044\u3046\u3068\u3053\u308d\u3067\u3057\u3087\u3046\u304b\u3002\u3042\u3068\u3001pack\u3067\u3082\u5229\u7528\u53ef\u80fd\u306b\u3059\u308b\u305f\u3081\u306b\u3001winfo_manager\u3067\u30bb\u30c3\u30c8\u3055\u308c\u3066\u3044\u308bgeometry manager\u3092\u53d6\u5f97\u3057\u3066\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5909\u6570\u306b\u4fdd\u6301\u3059\u308b\u3088\u3046\u306b\u3057\u307e\u3057\u305f\u3002pack\u3067\u306e\u5229\u7528\u65b9\u6cd5\u306f\u3001\u30b3\u30e1\u30f3\u30c8\u30a2\u30a6\u30c8\u3057\u3066\u3042\u308b\u3068\u3053\u308d\u3067\u3059\u3002<br>\u3000\u305d\u306e\u4ed6\u306e\u90e8\u5206\u306f\u524d\u56de\u3068\u304a\u3093\u306a\u3058\u3067\u3059\u3001\u3001\u3001\u3068\u601d\u3044\u307e\u3057\u305f\u304c\u3001\u4e00\u90e8\u3001pylint\u3067\u30c1\u30a7\u30c3\u30af\u3057\u3066\u898f\u7d04\u9055\u53cd\u3084\u3089\u8b66\u544a\u3084\u3089\u30ea\u30d5\u30a1\u30af\u30bf\u3068\u8a00\u308f\u308c\u305f\u3068\u3053\u308d\u3092\u4fee\u6b63\u3044\u305f\u3057\u307e\u3057\u305f\u3002\u30b9\u30c3\u30ad\u30ea\u3057\u307e\u3057\u305f\uff01<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n\n\n<p>\u3000\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u304c\u81ea\u52d5\u3067\u6d88\u3048\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3000\u3053\u3093\u306b\u3061\u306f\u3002\u898b\u306b\u6765\u3066\u304f\u3060\u3055\u3063\u3066\u3001\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002\u77f3\u5ddd\u3055\u3093\u3067\u3059\u3002 \u3000\u4eca\u65e5\u306f\u3001\u5148\u65e5\u66f8\u3044\u305f\u8a18\u4e8b\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u304c\u5fc5\u8981\u306e\u306a\u3044\u3068\u304d\u306b\u6d88\u3048\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u66f8\u304d\u307e\u3057\u305f\u3002 \u51fa\u6765\u4e0a\u304c\u308a\u30a4\u30e1\u30fc\u30b8 \u30bd\u30fc\u30b9\u30b3\u30fc\u30c9 \u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u306f\u4ee5\u4e0b\u306e\u901a\u308a &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.ishikawasekkei.com\/index.php\/2020\/11\/02\/python-gui-programing-tkinter-autohiding-scrollbars\/\" class=\"more-link\"><span class=\"screen-reader-text\">&#8220;Python GUI\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0 tkinter \u81ea\u52d5\u3067\u6d88\u3048\u308b\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc&#8221; \u306e<\/span>\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,13,2],"tags":[],"class_list":["post-1644","post","type-post","status-publish","format-standard","hentry","category-program","category-tkinter","category-blog"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ishikawasekkei.com\/index.php\/wp-json\/wp\/v2\/posts\/1644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ishikawasekkei.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ishikawasekkei.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ishikawasekkei.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ishikawasekkei.com\/index.php\/wp-json\/wp\/v2\/comments?post=1644"}],"version-history":[{"count":2,"href":"https:\/\/www.ishikawasekkei.com\/index.php\/wp-json\/wp\/v2\/posts\/1644\/revisions"}],"predecessor-version":[{"id":1647,"href":"https:\/\/www.ishikawasekkei.com\/index.php\/wp-json\/wp\/v2\/posts\/1644\/revisions\/1647"}],"wp:attachment":[{"href":"https:\/\/www.ishikawasekkei.com\/index.php\/wp-json\/wp\/v2\/media?parent=1644"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ishikawasekkei.com\/index.php\/wp-json\/wp\/v2\/categories?post=1644"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ishikawasekkei.com\/index.php\/wp-json\/wp\/v2\/tags?post=1644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}