【tkinter】place()を使ったWidgetの配置の方法

tkinterではwidget(例：Frame、Canvas)を配置するには３つの方法 grid, pack, placeがあります。

今回はplaceに焦点を当ててwidgetの配置方法についてまとめていきます。

前準備
placeの使い方
おわり

前準備

place()の使い方について見る前にtemplate.pyとapp.pyを用意します。この２つのプログラムを使ってplace()の使い方についてまとめていきます。

template.py

import tkinter as tk
from PIL import ImageTk


class Template(tk.Tk):
    def __init__(self, **kwargs):
        super(Template, self).__init__()
        self.title(kwargs.get("title", "tkinter"))
        self.geometry("+{}+{}".format(*kwargs.get("pos", (0, 0))))
        self.resizable(*kwargs.get("resize", (0, 0)))
        try:
            self.iconbitmap(kwargs.get("icon", None))
        except:
            if kwargs.get("icon", None) is not None:
                icon_name = kwargs.get("icon")
                icon_img = ImageTk.PhotoImage(file=icon_name)
                self.tk.call("wm", "iconphoto", self._w, icon_img)

    def run(self):
        self.mainloop()

template.pyはアプリケーションの雛形として用意しました。ここでは、アプリケーションのタイトル、起動時のアプリケーションの位置、アプリケーションの拡大拡小の設定、アプリケーションのアイコンについて設定をすることができます。設定はtemplate.pyを継承したクラスでするようにしてあります。

関連記事 - はじめてのtkinter ウィンドウを作って表示させる

app.py

import tkinter as tk
from template import Template


class App(Template):
    def __init__(self):
        super(App, self).__init__()
        self.createWidgets()
        self.attachWidgets()

    def createWidgets(self):
        pass

    def attachWidgets(self):
        pass


if __name__ == "__main__":
    app = App()
    app.run()

template.pyのTemplateクラスを継承しています。今回は特にアプリケーションのタイトル、位置、拡大拡小、アイコンの設定については行いません。createWidgets()でWidgetの作成、attachWidgets()で作成したWidgetをウィンドウに配置していきます。

placeの使い方

今回はCanvasをplace()を使って配置してみます。

そのためにまずはcreateWidgets()でCanvasを用意します。

    def createWidgets(self):
        self.canvas = tk.Canvas(self, width=300, height=300, bg="white")

関連記事 - Canvasを使ってみる。

createWidgets()でCanvasを作成したので、今度はattachedWidgets()で作成したCanvasをplace()を使ってウィンドウに貼り付けます。

    def attachWidgets(self):
        self.canvas.place(x=0, y=0)

app.pyを実行します。

$ python app.py

次のようなウィンドウが起動します。

place()で指定したxとyですが、デフォルトでは親Widgetの左上が０となり基準の位置となる点になります。ここでいう親Widgetとはメインウィンドウ（tk.Tk）のことで作成したCanvasはメインウィンドウの子Widgetにあたります。

位置の設定方法ですが、xの場合右側だと正、左側だと負の値を設定します。yの場合は下側が正、上側だと負の値を設定します。

試しに以下のようにxとyを変えてみます。

    def attachWidgets(self):
        self.canvas.place(x=10, y=20)

上のようにxとyの値を変えると下のようなウィンドウが起動します。

さきほど、デフォルトでは親Widgetの左上が０になると言いましたが、place()のオプションのひとつanchorの設定を変えることで、基準の位置となる点は変わってきます。

Canvasを生成するときに幅と髙さを設定していましたが、place()のオプションでもwidth(幅)とheight(高さ)を指定することが可能です。

    def attachWidgets(self):
        self.canvas.place(x=10, y=20, width=10, height=30)

上のプログラムを実行すると、下のようにplace()で設定した幅と高さになりました。

相対的なサイズと位置

最後にサイズ(relwidth, relheight)と相対位置(relx, rely)について見ていきます。

    def createWidgets(self):
        self.canvas = tk.Canvas(self, width=300, height=300, bg="white")
        self.button = tk.Button(self.canvas, text="hello")

    def attachWidgets(self):
        self.canvas.place(x=0, y=0)
        self.button.place(x=5, y=5)