🧙‍♂️ TkinterでGUI開発！スケール(Scale)とフレーム(Frame)の使い方を徹底解説！ 🎨

Python

2025.03.02

こんにちは！今回はPythonのTkinterライブラリを使って、GUIアプリ開発に役立つ「スケール（Scale）」と「フレーム（Frame）」の使い方を解説します。これらのウィジェットをマスターすると、アプリの操作性やデザインがぐっと良くなりますよ！

🎚️ スケール（Scale）とは？
🗂️ フレーム（Frame）とは？
🎲 スケールとフレームを組み合わせてみよう！
🚀 まとめ

🎚️ スケール（Scale）とは？

スケールは、一般的に「スライダー」と呼ばれるウィジェットです。例えば、音量や明るさの調整バーなど、値を滑らかに変更したい場面で使われます。

✅ スケールの基本的な使い方

以下のコードを実行すると、0から100までの値を調整できる横向きのスライダーが表示されます。

from tkinter import Tk, Scale, HORIZONTAL

root = Tk()
root.title("スケール（Scale）の例")

# スケールの作成（横向き）
scale = Scale(root, from_=0, to=100, orient=HORIZONTAL)
scale.pack()

root.mainloop()

📌 主要なオプション

from_：スライダーの最小値
to：スライダーの最大値
orient：スライダーの向き (HORIZONTAL または VERTICAL)

🚦 スケールの値を取得する方法

スライダーの現在の値は、get() メソッドで簡単に取得できます。

値 = scale.get()
print(f"選択された値: {値}")

💡 スライダーの動きに合わせて値を取得する

commandオプションを使えば、スライダーを動かすたびに特定の関数を実行できます。

def スライダーが動いた(event=None):
    print(f"現在の値: {scale.get()}")

scale = Scale(root, from_=0, to=100, orient=HORIZONTAL, command=スライダーが動いた)

🗂️ フレーム（Frame）とは？

フレームは、他のウィジェットをまとめて配置するための「コンテナ」です。画面のレイアウトを整理するのに役立ちます。例えば、サイドメニューや設定パネルをまとめるときに便利です。

✅ フレームの基本的な使い方

from tkinter import Frame, Button

# フレームの作成
frame = Frame(root, width=200, height=100, bg="lightgray")
frame.pack()

# フレーム内にボタンを追加
button = Button(frame, text="クリック")
button.pack()

📌 フレームの主なオプション

width / height：フレームのサイズ
bg：背景色
relief：フレームの枠のスタイル（例："sunken", "raised", "groove"）

🏠 フレームの中にフレームを入れる（入れ子構造）

フレームは他のフレームの中に配置することも可能です。複雑なレイアウトでも対応できます！

# メインフレーム
main_frame = Frame(root, bg="white")
main_frame.pack()

# サブフレーム1
frame1 = Frame(main_frame, bg="lightblue")
frame1.pack(side="left", padx=10, pady=10)

# サブフレーム2
frame2 = Frame(main_frame, bg="lightgreen")
frame2.pack(side="right", padx=10, pady=10)

Button(frame1, text="ボタン1").pack()
Button(frame2, text="ボタン2").pack()

🎲 スケールとフレームを組み合わせてみよう！

例えば、音量調整機能を実装する際に、フレームでUIを区切り、スケールで値を調整するインターフェースを作ることができます。

from tkinter import Tk, Scale, HORIZONTAL, Frame, Label

root = Tk()
root.title("スケールとフレームの組み合わせ")

# 音量調整用フレーム
volume_frame = Frame(root, bg="lightgray", padx=10, pady=10)
volume_frame.pack(pady=20)

Label(volume_frame, text="音量を調整", bg="lightgray").pack()

def show_volume(value):
    print(f"音量: {value}")

# スケール（音量調整スライダー）
scale = Scale(volume_frame, from_=0, to=100, orient=HORIZONTAL, command=show_volume)
scale.pack()

root.mainloop()