Tkinterで簡単ウィンドウ配置！geometry関数をマスターしよう

１.はじめに

Pythonで簡単にGUI（グラフィカル・ユーザー・インターフェース）アプリを作りたいと思ったことはありませんか？その際に役立つのが、Python標準ライブラリのひとつであるTkinterです。Tkinterを使うと、コードを書くことでウィンドウを開いたり、ボタンやテキストボックスを配置したり、さまざまな操作ができるようになります。

この記事では、Tkinterを使って、ウィンドウの位置やサイズを簡単に制御できるgeometry関数について学んでいきます。この関数を使えば、アプリケーションのウィンドウが画面のどこに表示されるか、どのくらいの大きさで表示されるかを自由に設定できます。たとえば、ウィンドウを画面の右上に表示したり、フルスクリーンにしたりといった操作ができるようになります。

初めてTkinterに触れる方でも、この記事を読めば、すぐにgeometry関数を使ってウィンドウの位置とサイズを自在に操ることができるようになります。コード例を交えながら、初心者にもわかりやすく解説していくので、一緒に進めていきましょう！

２.そもそもTkinterで使われるgeometryとは？

Tkinterでアプリケーションを作成するとき、まず最初に表示されるのがウィンドウ（画面）です。このウィンドウの位置やサイズをどのように設定すればよいか、疑問に思ったことはありませんか？その操作を簡単に行えるのが、Tkinterの**geometry関数**です。

geometry関数は、ウィンドウの幅・高さ、そして画面上での表示位置を一度に設定できる便利な関数です。具体的には、次のようなフォーマットで使います。

window.geometry("幅x高さ+X座標+Y座標")

• 幅: ウィンドウの横幅（ピクセル単位）
• 高さ: ウィンドウの縦の高さ（ピクセル単位）
• X座標: 画面の左上隅からの横方向の距離（ピクセル単位）
• Y座標: 画面の左上隅からの縦方向の距離（ピクセル単位）

例：

例えば、次のコードを使うと、幅400ピクセル、高さ300ピクセルのウィンドウが、画面の左上から100ピクセル右、150ピクセル下に表示されます。

window.geometry("400x300+100+150")

このように、geometry関数を使うことで、ウィンドウのサイズと位置を自由にコントロールできるようになります。

視覚的な説明：

• 幅や高さはウィンドウ自体の大きさを決定します。たとえば、幅を500ピクセルに設定するとウィンドウが横に広がり、高さを300ピクセルにすると縦に広がります。
• X座標とY座標は、ウィンドウが画面のどこに配置されるかを決定します。X座標が0でY座標も0の場合、ウィンドウは画面の左上隅に表示されます。X座標を増やせば右に、Y座標を増やせば下に移動します。

このように、geometry関数はウィンドウのレイアウトを柔軟にコントロールするために非常に便利なツールです。次のセクションでは、具体的な使い方と応用例についてさらに深掘りしていきます。

geometry関数の書き方と使い方

geometry関数は、Tkinterを使って作成したウィンドウのサイズや位置を一度に指定する便利な関数です。ここでは、その書き方と基本的な使い方について詳しく説明していきます。

geometry関数の書き方

geometry関数の基本的な書き方は次の通りです。

window.geometry("幅x高さ+X座標+Y座標")

この書式を使うことで、ウィンドウの横幅、縦の高さ、そして表示位置を細かくコントロールすることができます。以下は、それぞれの要素についての詳細です。

• 幅: ウィンドウの横幅（ピクセル単位）
• 高さ: ウィンドウの縦の高さ（ピクセル単位）
• X座標: 画面の左上からの横方向の位置（ピクセル単位）
• Y座標: 画面の左上からの縦方向の位置（ピクセル単位）

具体的な使い方

では、いくつかの具体例を見てみましょう。

例1: 固定サイズのウィンドウを表示する

次のコードは、400ピクセル×300ピクセルのサイズのウィンドウを画面の左上に表示します（座標は+0+0のため）。

import tkinter as tk

# Tkinterウィンドウの作成
window = tk.Tk()

# ウィンドウのサイズと位置を設定
window.geometry("400x300+0+0")

# ウィンドウを表示
window.mainloop()

例2: ウィンドウを画面中央に表示する

画面中央にウィンドウを表示する場合、X座標とY座標を調整することで可能です。次のコードでは、ウィンドウのサイズを500ピクセル×400ピクセルに設定し、画面中央に表示します。

import tkinter as tk

# Tkinterウィンドウの作成
window = tk.Tk()

# ウィンドウのサイズと位置を設定（例えば+300+200の位置に）
window.geometry("500x400+300+200")

# ウィンドウを表示
window.mainloop()

この場合、画面解像度が1920×1080であれば、中央に近い場所にウィンドウが表示されるはずです。

例3: ウィンドウを全画面表示にする

ウィンドウを画面全体に広げたい場合、幅と高さを画面解像度に合わせて設定します。

import tkinter as tk

# Tkinterウィンドウの作成
window = tk.Tk()

# 画面全体を使用するウィンドウサイズを設定
window.geometry("1920x1080+0+0")

# ウィンドウを表示
window.mainloop()

ヒント: geometry関数を動的に変更する

geometry関数は、アプリケーションが実行されている途中でも動的にウィンドウサイズや位置を変更できます。これにより、ユーザーが操作中にレイアウトを動的に変更したい場合にも対応できます。

window.geometry("800x600+100+100")

このコードは、ウィンドウを再配置し、指定された新しい位置とサイズで表示します。

まとめ

geometry関数を使うと、アプリケーションのウィンドウの位置やサイズを簡単に指定・変更できます。この記事では、その基本的な書き方と使い方について学びました。次は、より具体的な応用例を使って、ウィンドウを自由に配置する方法を学んでいきましょう。

パソコン画面の幅・高さを取得する方法

アプリケーションのウィンドウを画面の中央に配置したり、画面全体に表示したい場合、パソコンの画面サイズ（幅と高さ）を取得することが必要です。Tkinterには、パソコンの画面サイズを取得するための便利な方法が用意されています。この情報を使って、ウィンドウを動的にレイアウトすることができます。

ここでは、画面の幅と高さを取得する方法と、それを使ってウィンドウの位置やサイズを調整する方法を紹介します。

画面サイズの取得方法

画面サイズを取得するには、Tkinterのwinfo_screenwidth()とwinfo_screenheight()という関数を使用します。

• winfo_screenwidth(): 画面の横幅（幅）を取得します。
• winfo_screenheight(): 画面の縦の長さ（高さ）を取得します。

これらの関数を使用することで、パソコンの解像度に応じてウィンドウの表示位置やサイズを動的に変更することができます。

コード例: 画面の幅と高さを取得する

以下のコードでは、パソコンの画面サイズ（幅と高さ）を取得し、それを表示しています。

import tkinter as tk

# Tkinterウィンドウの作成
window = tk.Tk()

# 画面の幅と高さを取得
screen_width = window.winfo_screenwidth()
screen_height = window.winfo_screenheight()

# 画面サイズを表示
print(f"画面の幅: {screen_width}px")
print(f"画面の高さ: {screen_height}px")

# ウィンドウを表示
window.mainloop()

このコードを実行すると、画面の横幅と縦の高さがコンソールに表示されます。たとえば、解像度が1920×1080のディスプレイでは、次のような出力が得られます。

画面の幅: 1920px
画面の高さ: 1080px

応用例: 画面中央にウィンドウを配置する

この画面サイズを使って、ウィンドウを画面の中央に配置することができます。次のコードは、画面中央に幅500px、高さ400pxのウィンドウを表示します。

import tkinter as tk

# Tkinterウィンドウの作成
window = tk.Tk()

# 画面の幅と高さを取得
screen_width = window.winfo_screenwidth()
screen_height = window.winfo_screenheight()

# ウィンドウの幅と高さ
window_width = 500
window_height = 400

# ウィンドウのX座標とY座標（中央に配置するための計算）
x_position = (screen_width // 2) - (window_width // 2)
y_position = (screen_height // 2) - (window_height // 2)

# geometry関数を使ってウィンドウの位置とサイズを設定
window.geometry(f"{window_width}x{window_height}+{x_position}+{y_position}")

# ウィンドウを表示
window.mainloop()

解説:

このコードでは、以下の計算でウィンドウを画面の中央に配置しています。

• X座標: (screen_width // 2) - (window_width // 2) 画面の中央からウィンドウの半分の幅を引いた位置に配置します。
• Y座標: (screen_height // 2) - (window_height // 2) 画面の中央からウィンドウの半分の高さを引いた位置に配置します。

これにより、ウィンドウがどの解像度の画面でも中央に表示されるようになります。

まとめ

画面の幅と高さを取得することで、Tkinterのウィンドウを動的に調整することが可能です。この情報を使えば、ユーザーの画面サイズに応じて適切なサイズや位置でアプリケーションを表示でき、より使いやすいアプリケーションを作成することができます。次に、これを応用した具体的な例を紹介していきます。

ウィンドウの位置とサイズを取得する方法

アプリケーションを作成する際、ウィンドウの位置やサイズを動的に制御することが重要です。Tkinterでは、ウィンドウ自体の現在の位置やサイズを取得することが可能です。これにより、ユーザーがウィンドウを移動させたり、サイズを変更した後に、その状態を取得して再調整することができます。

ウィンドウの位置とサイズを取得する方法

Tkinterでウィンドウの現在のサイズや位置を取得するためには、geometry()メソッドを使用します。このメソッドは、ウィンドウのサイズと位置を文字列として返します。例えば、次のようなフォーマットです：

"幅x高さ+X座標+Y座標"

• 幅: ウィンドウの横幅（ピクセル）
• 高さ: ウィンドウの縦の高さ（ピクセル）
• X座標: 画面の左上からの横方向の位置（ピクセル）
• Y座標: 画面の左上からの縦方向の位置（ピクセル）

コード例: ウィンドウの現在のサイズと位置を取得する

以下のコードは、Tkinterウィンドウの現在のサイズと位置を取得し、コンソールに表示する例です。

import tkinter as tk

# Tkinterウィンドウの作成
window = tk.Tk()

# ウィンドウのサイズと位置を設定
window.geometry("400x300+100+100")

# ウィンドウの現在のサイズと位置を取得
current_geometry = window.geometry()

# 結果を表示
print(f"現在のウィンドウサイズと位置: {current_geometry}")

# ウィンドウを表示
window.mainloop()

このコードを実行すると、次のような結果がコンソールに表示されます。

現在のウィンドウサイズと位置: 400x300+100+100

位置とサイズを分解して利用する

返される文字列を分解して、個別にサイズや位置を使用したい場合、Pythonの文字列操作を使ってこれを行うことができます。以下の例では、width、height、x_position、y_positionをそれぞれ取得しています。

import tkinter as tk

# Tkinterウィンドウの作成
window = tk.Tk()

# ウィンドウのサイズと位置を設定
window.geometry("400x300+100+100")

# ウィンドウの現在のサイズと位置を取得
current_geometry = window.geometry()

# "400x300+100+100" から幅・高さ・位置を分解
size, position = current_geometry.split('+', 1)
width, height = size.split('x')
x_position, y_position = position.split('+')

# 結果を表示
print(f"幅: {width}px, 高さ: {height}px, X座標: {x_position}px, Y座標: {y_position}px")

# ウィンドウを表示
window.mainloop()

このコードを実行すると、それぞれの値が次のように表示されます。

幅: 400px, 高さ: 300px, X座標: 100px, Y座標: 100px

動的に位置を変更する

ウィンドウの現在のサイズや位置を取得することで、動的にそれを利用してウィンドウのレイアウトを調整することが可能です。例えば、ウィンドウを動かした後にその位置情報を取得し、特定のイベントで再びその位置に戻すことができます。

import tkinter as tk

def move_window():
    # 現在の位置とサイズを取得
    current_geometry = window.geometry()
    print(f"現在のウィンドウサイズと位置: {current_geometry}")

    # 新しい位置に移動
    window.geometry("300x200+200+150")

# Tkinterウィンドウの作成
window = tk.Tk()

# ウィンドウのサイズと位置を設定
window.geometry("400x300+100+100")

# ボタンを配置して動的にウィンドウの位置を変更
button = tk.Button(window, text="ウィンドウを移動", command=move_window)
button.pack(pady=20)

# ウィンドウを表示
window.mainloop()

このコードでは、ボタンをクリックすると、現在のウィンドウのサイズと位置がコンソールに表示され、新しい位置にウィンドウが移動します。

まとめ

Tkinterでは、ウィンドウの現在のサイズや位置を簡単に取得することができます。この情報を利用することで、ウィンドウのレイアウトを動的に変更したり、特定の位置にウィンドウを再配置するなど、柔軟な操作が可能です。次は、こうしたテクニックを使った便利なウィンドウ配置の例を見ていきましょう。

便利なgeometry関数のサンプル【5選】

geometry関数を使えば、ウィンドウの位置やサイズを簡単に調整できます。ここでは、初心者がよく使うウィンドウ配置の具体例を5つ紹介します。それぞれのコードを実際に試してみることで、ウィンドウを思い通りに配置できるようになります。

1. アプリ画面を右上隅に表示

画面の右上隅にウィンドウを表示する方法です。まず、パソコンの画面の幅を取得し、それに基づいてX座標を計算します。

import tkinter as tk

# Tkinterウィンドウの作成
window = tk.Tk()

# 画面の幅と高さを取得
screen_width = window.winfo_screenwidth()
screen_height = window.winfo_screenheight()

# ウィンドウのサイズを設定
window_width = 400
window_height = 300

# ウィンドウの位置（右上隅）
x_position = screen_width - window_width
y_position = 0

# geometry関数で設定
window.geometry(f"{window_width}x{window_height}+{x_position}+{y_position}")

# ウィンドウを表示
window.mainloop()

2. アプリ画面を右下隅に表示

次に、画面の右下隅にウィンドウを表示する方法です。Y座標を画面の高さからウィンドウの高さ分引くことで設定します。

import tkinter as tk

# Tkinterウィンドウの作成
window = tk.Tk()

# 画面の幅と高さを取得
screen_width = window.winfo_screenwidth()
screen_height = window.winfo_screenheight()

# ウィンドウのサイズを設定
window_width = 400
window_height = 300

# ウィンドウの位置（右下隅）
x_position = screen_width - window_width
y_position = screen_height - window_height

# geometry関数で設定
window.geometry(f"{window_width}x{window_height}+{x_position}+{y_position}")

# ウィンドウを表示
window.mainloop()

3. アプリ画面を左下隅に表示

画面の左下隅にウィンドウを表示する方法です。X座標を0にし、Y座標を画面の高さからウィンドウの高さ分引きます。

import tkinter as tk

# Tkinterウィンドウの作成
window = tk.Tk()

# 画面の幅と高さを取得
screen_width = window.winfo_screenwidth()
screen_height = window.winfo_screenheight()

# ウィンドウのサイズを設定
window_width = 400
window_height = 300

# ウィンドウの位置（左下隅）
x_position = 0
y_position = screen_height - window_height

# geometry関数で設定
window.geometry(f"{window_width}x{window_height}+{x_position}+{y_position}")

# ウィンドウを表示
window.mainloop()

4. アプリ画面を左上隅に表示

画面の左上隅にウィンドウを表示する方法です。X座標とY座標を両方とも0に設定します。

import tkinter as tk

# Tkinterウィンドウの作成
window = tk.Tk()

# ウィンドウのサイズを設定
window_width = 400
window_height = 300

# ウィンドウの位置（左上隅）
x_position = 0
y_position = 0

# geometry関数で設定
window.geometry(f"{window_width}x{window_height}+{x_position}+{y_position}")

# ウィンドウを表示
window.mainloop()

5. アプリ画面を全画面に表示

最後に、ウィンドウを画面全体に表示する方法です。画面の幅と高さをそのままウィンドウのサイズに設定します。

import tkinter as tk

# Tkinterウィンドウの作成
window = tk.Tk()

# 画面の幅と高さを取得
screen_width = window.winfo_screenwidth()
screen_height = window.winfo_screenheight()

# geometry関数で全画面表示を設定
window.geometry(f"{screen_width}x{screen_height}+0+0")

# ウィンドウを表示
window.mainloop()

おまけ！クラス化した場合

まず、ウィンドウの位置を設定するためのクラスWindowPositionerを作成します。このクラスは、Tkinterウィンドウのサイズと位置を計算して設定するメソッドを持ちます。

import tkinter as tk

class WindowPositioner:
    def __init__(self, window, width, height):
        self.window = window
        self.width = width
        self.height = height
        self.screen_width = window.winfo_screenwidth()
        self.screen_height = window.winfo_screenheight()

    def move_to_top_right(self):
        x_position = self.screen_width - self.width
        y_position = 0
        self.window.geometry(f"{self.width}x{self.height}+{x_position}+{y_position}")

    def move_to_bottom_right(self):
        x_position = self.screen_width - self.width
        y_position = self.screen_height - self.height
        self.window.geometry(f"{self.width}x{self.height}+{x_position}+{y_position}")

    def move_to_bottom_left(self):
        x_position = 0
        y_position = self.screen_height - self.height
        self.window.geometry(f"{self.width}x{self.height}+{x_position}+{y_position}")

    def move_to_top_left(self):
        x_position = 0
        y_position = 0
        self.window.geometry(f"{self.width}x{self.height}+{x_position}+{y_position}")

    def maximize(self):
        self.window.geometry(f"{self.screen_width}x{self.screen_height}+0+0")

このクラスは、Tkinterのウィンドウとそのサイズを受け取り、さまざまな位置に移動させるためのメソッドを提供します。

使用例

次に、このクラスを使用して、ウィンドウをさまざまな位置に配置する例を示します。

import tkinter as tk

# Tkinterウィンドウの作成
window = tk.Tk()

# ウィンドウの幅と高さ
window_width = 400
window_height = 300

# WindowPositionerクラスのインスタンスを作成
positioner = WindowPositioner(window, window_width, window_height)

# ボタンを配置して、クリックするとウィンドウの位置が変更される
top_right_button = tk.Button(window, text="右上隅に移動", command=positioner.move_to_top_right)
top_right_button.pack(pady=10)

bottom_right_button = tk.Button(window, text="右下隅に移動", command=positioner.move_to_bottom_right)
bottom_right_button.pack(pady=10)

bottom_left_button = tk.Button(window, text="左下隅に移動", command=positioner.move_to_bottom_left)
bottom_left_button.pack(pady=10)

top_left_button = tk.Button(window, text="左上隅に移動", command=positioner.move_to_top_left)
top_left_button.pack(pady=10)

maximize_button = tk.Button(window, text="全画面表示", command=positioner.maximize)
maximize_button.pack(pady=10)

# ウィンドウを表示
window.mainloop()

コード解説

1. WindowPositionerクラス このクラスは、ウィンドウの幅、高さ、画面の幅、高さを管理し、指定された位置にウィンドウを移動させるメソッドを持っています。
2. 各メソッドの役割
   • move_to_top_right(): ウィンドウを右上隅に移動
   • move_to_bottom_right(): ウィンドウを右下隅に移動
   • move_to_bottom_left(): ウィンドウを左下隅に移動
   • move_to_top_left(): ウィンドウを左上隅に移動
   • maximize(): ウィンドウを全画面表示
3. 使用例 Tkinterウィンドウにボタンを追加し、それぞれのボタンがクリックされると、対応する位置にウィンドウが移動するようにしています。たとえば、「右上隅に移動」ボタンをクリックすると、ウィンドウが画面の右上隅に移動します。

このクラスを使うことで、ウィンドウの位置を簡単に制御でき、どんなアプリケーションでも簡単に組み込むことができます。ウィンドウの位置を動的に変更したい場合には非常に便利です。

これらのサンプルを使うと、ウィンドウの位置やサイズを自由に調整することができます。初めてTkinterを使う方でも、このような簡単なコードでウィンドウのレイアウトを変更できるので、ぜひ実際に試してみてください。次は、これらのテクニックを応用して、より複雑なレイアウトや動的な位置変更を学んでいきましょう。

まとめ

今回の記事では、Tkinterのgeometry関数を使って、ウィンドウの位置やサイズを簡単に設定・変更する方法を学びました。geometry関数を使うことで、ウィンドウを画面の任意の位置に配置したり、画面のサイズに合わせて動的に調整することができるため、初心者でも手軽にGUIアプリケーションの見栄えや使い勝手を向上させることができます。

紹介した便利な配置パターンやクラス化したコード例は、シンプルかつ汎用性が高く、さまざまなプロジェクトで再利用することが可能です。これにより、特定の要件に応じてウィンドウの配置を簡単に変更することができ、アプリケーション開発がより効率的になるでしょう。

次に学ぶべきトピック

geometry関数を理解した次のステップとして、以下の関連トピックを学ぶことをお勧めします。

1. ウィンドウの動的サイズ変更 ウィンドウのサイズをユーザーの操作に合わせて動的に変更する方法を学ぶことで、よりインタラクティブで柔軟なGUIを作成できます。たとえば、ウィンドウのリサイズイベントを捉えて、レイアウトを自動調整する方法を習得しましょう。
2. ウィジェットの配置とレイアウト geometry関数でウィンドウのサイズと位置を制御するだけでなく、Tkinterのレイアウト管理（pack、grid、place）を使って、ウィジェットの配置方法を学びましょう。これにより、ウィンドウ内でのコンテンツの配置がより柔軟になります。
3. レスポンシブデザイン 異なる画面サイズに対応するためのレスポンシブデザインの考え方をTkinterで実現する方法を学びます。画面解像度やウィンドウサイズの変化に応じて、ウィジェットのレイアウトやサイズを動的に変更するスキルが重要です。
4. ウィンドウイベントの処理 ユーザーの操作に応じて、ウィンドウの動きや動作を制御する方法を学びます。例えば、ウィンドウが移動されたときや最小化されたときに特定の処理を実行するなど、イベント駆動型のプログラムを構築できます。

最後に

Tkinterのgeometry関数は、ウィンドウの基本的な配置操作を行うための強力なツールですが、その先にはさらに豊富な機能が用意されています。今回学んだ内容を土台にして、より複雑でインタラクティブなGUIアプリケーションを作り上げることを目指しましょう。