ななぶろ

-お役立ち情報を気楽に紹介するブログ-

Python GUIプログラミング練習問題10選：初心者から中級者までステップアップ！

Python プログラミング

www.amazon.co.jp

Python GUIプログラミング練習問題10選：初心者から中級者までステップアップ！

Pythonは汎用性の高いプログラミング言語ですが、GUI（Graphical User Interface）アプリケーションを開発できる点も大きな魅力の一つです。GUIアプリケーションとは、ユーザーが視覚的に操作できるウィンドウやボタンなどの要素を備えたプログラムのことです。この記事では、PythonのGUIプログラミングに挑戦するための練習問題10選と、それぞれの解説、そして学習リソースを紹介します。これらの問題を解くことで、Tkinterの基本的な使い方を習得し、GUIアプリケーション開発の基礎を築くことができます。GUIプログラミングは奥が深く、様々なライブラリやテクニックが存在します。今回の練習を通して、さらなる学習に繋げていただければ幸いです。

1. GUIプログラミングの基礎：Tkinter入門

Pythonで最も一般的なGUIライブラリはTkinterです。TkinterはPython標準ライブラリに含まれているため、追加のインストールが不要で手軽に始められます。TkinterはTcl/TkというGUIツールキットをPythonから利用できるようにしたものです。

基本的な構成要素:

  • Window (ウィンドウ): アプリケーションのメイン画面。ユーザーインターフェース全体を表示する場所です。
  • Widget (ウィジェット): ボタン、ラベル、テキストボックスなどのGUI要素。ユーザーが操作したり情報を表示するために使用されます。
  • Event (イベント): ユーザーの操作（クリック、キー入力など）やシステムからの通知。これらのイベントを処理することで、アプリケーションにインタラクティブ性を持たせます。

簡単な例：Hello Worldを表示するウィンドウ

import tkinter as tk

# ウィンドウを作成
root = tk.Tk()
root.title("Hello World")

# ラベルを作成
label = tk.Label(root, text="Hello, World!")
label.pack()  # ウィジェットをウィンドウに配置

# イベントループを開始 (ウィンドウを表示し、イベントを待機)
root.mainloop()

このコードは、Tkinterを使って「Hello, World!」と表示するシンプルなウィンドウを作成します。tk.Tk()でウィンドウオブジェクトを作成し、title()メソッドでタイトルを設定しています。tk.Label()でラベルウィジェットを作成し、pack()メソッドでウィンドウに配置しています。pack()はウィジェットをウィンドウ内に自動的に配置する方法の一つです。他にもgrid()やplace()といった配置方法があります。最後に、root.mainloop()でイベントループを開始し、ウィンドウを表示してユーザーの操作を待ち受けます。イベントループは、GUIアプリケーションが動作し続けるために不可欠な部分です。

Explanation: This code creates a simple window with the title "Hello World" and displays the text "Hello, World!" in a label. tk.Tk() initializes the Tkinter application. root.title() sets the window's title. tk.Label() creates a label widget to display text. label.pack() arranges the label within the window using the pack geometry manager. root.mainloop() starts the event loop, which keeps the window open and responsive to user interactions until it is closed.

2. ボタンとコールバック関数：クリックでメッセージ表示

問題: ボタンをクリックすると、指定されたメッセージが表示されるGUIアプリケーションを作成してください。

解答例:

import tkinter as tk
import tkinter.messagebox  # メッセージボックスを使用するためにインポート

def button_clicked():
    message = tkinter.messagebox.showinfo("Message", "ボタンがクリックされました！")

root = tk.Tk()
root.title("Button Example")

button = tk.Button(root, text="Click Me!", command=button_clicked)
button.pack()

root.mainloop()

この例では、button_clicked()という関数を定義し、ボタンがクリックされたときに実行されるように設定しています。tkinter.messagebox.showinfo()を使ってメッセージボックスを表示します。command引数にコールバック関数を指定することで、ボタンのクリックイベントと関数の関連付けを行います。コールバック関数は、特定のイベントが発生したときに実行される関数です。

Explanation: This example creates a window with a button labeled "Click Me!". When the button is clicked, the button_clicked() function is executed. This function displays an information message box with the title "Message" and the text "ボタンがクリックされました！". The command argument of the tk.Button widget specifies the function to be called when the button is pressed.

3. ラベルとテキスト入力：名前を入力して表示

問題: テキストボックスに入力された名前をラベルに表示するGUIアプリケーションを作成してください。

解答例:

import tkinter as tk

def update_label():
    name = entry.get()  # テキストボックスから値を取得
    label.config(text="Hello, " + name + "!") # ラベルのテキストを更新

root = tk.Tk()
root.title("Name Input")

entry = tk.Entry(root)
entry.pack()

button = tk.Button(root, text="Update", command=update_label)
button.pack()

label = tk.Label(root, text="")
label.pack()

root.mainloop()

この例では、tk.Entry()でテキストボックスを作成し、entry.get()を使ってテキストボックスから値を取得しています。label.config()を使ってラベルのテキストを更新することで、入力された名前を表示します。config()メソッドは、ウィジェットのプロパティを変更するために使用されます。

Explanation: This example creates a window with an entry field (text box), a button labeled "Update", and a label. When the user enters a name in the text box and clicks the "Update" button, the update_label() function is called. This function retrieves the text from the entry field using entry.get(), then updates the label's text to display "Hello, [name]!".

4. チェックボックス：選択状態に応じてメッセージ表示

問題: チェックボックスがあり、チェックされている場合にのみ特定のメッセージが表示されるGUIアプリケーションを作成してください。

解答例:

import tkinter as tk
import tkinter.messagebox

def check_button_clicked():
    if checkbox.instate(['selected']):
        tkinter.messagebox.showinfo("Message", "チェックボックスが選択されています！")
    else:
        tkinter.messagebox.showinfo("Message", "チェックボックスは選択されていません。")

root = tk.Tk()
root.title("Checkbox Example")

checkbox = tk.Checkbutton(root, text="Select me")
checkbox.pack()

button = tk.Button(root, text="Check", command=check_button_clicked)
button.pack()

root.mainloop()

tk.Checkbutton()でチェックボックスを作成し、checkbox.instate(['selected'])を使ってチェックボックスの選択状態を確認しています。instate()メソッドは、ウィジェットが特定の状態でどうかを判定するために使用されます。

Explanation: This example creates a window with a checkbox labeled "Select me" and a button labeled "Check". When the "Check" button is clicked, the check_button_clicked() function is executed. This function checks if the checkbox is selected using checkbox.instate(['selected']). If it's selected, an information message box displays "チェックボックスが選択されています！"; otherwise, it displays "チェックボックスは選択されていません。".

5. ラジオボタン：複数の選択肢から一つを選択

問題: 複数のラジオボタンがあり、ユーザーが一つ選択した場合に、選択された値を表示するGUIアプリケーションを作成してください。

解答例:

import tkinter as tk
import tkinter.messagebox

def radio_button_clicked():
    selected_value = radio_var.get()
    tkinter.messagebox.showinfo("Message", "Selected value: " + selected_value)

root = tk.Tk()
root.title("Radio Button Example")

radio_var = tk.StringVar(value="Option 1")  # デフォルト値を設定

radio1 = tk.Radiobutton(root, text="Option 1", variable=radio_var, value="Option 1", command=radio_button_clicked)
radio2 = tk.Radiobutton(root, text="Option 2", variable=radio_var, value="Option 2", command=radio_button_clicked)
radio3 = tk.Radiobutton(root, text="Option 3", variable=radio_var, value="Option 3", command=radio_button_clicked)

radio1.pack()
radio2.pack()
radio3.pack()

root.mainloop()

tk.Radiobutton()でラジオボタンを作成し、StringVar()を使ってラジオボタンの値を管理しています。variable引数にStringVar()オブジェクトを渡し、value引数に各ラジオボタンの値（文字列）を指定します。ラジオボタンは、複数の選択肢の中から一つだけを選択させるために使用されます。

Explanation: This example creates a window with three radio buttons labeled "Option 1", "Option 2", and "Option 3". A StringVar named radio_var is used to track the selected value. Each radio button is associated with this variable, and its value attribute specifies the value that will be stored in radio_var when it's selected. When a radio button is clicked, the radio_button_clicked() function is executed, which displays an information message box showing the currently selected value.

6. リストボックス：選択された項目を表示

問題: リストボックスがあり、ユーザーがリストから項目を選択した場合に、選択された値を表示するGUIアプリケーションを作成してください。

解答例:

import tkinter as tk
import tkinter.messagebox

def list_button_clicked():
    selected_item = listbox.get(listbox.curselection())
    tkinter.messagebox.showinfo("Message", "Selected item: " + selected_item)

root = tk.Tk()
root.title("List Box Example")

listbox = tk.Listbox(root)
listbox.insert(tk.END, "Item 1")
listbox.insert(tk.END, "Item 2")
listbox.insert(tk.END, "Item 3")

button = tk.Button(root, text="Get Selected", command=list_button_clicked)
button.pack()

listbox.pack()

root.mainloop()

tk.Listbox()でリストボックスを作成し、insert()メソッドを使って項目を追加しています。listbox.curselection()で選択された項目のインデックスを取得し、listbox.get()で選択された項目を取得します。リストボックスは、複数の項目の中から一つまたは複数を選択させるために使用されます。

Explanation: This example creates a window with a list box containing three items: "Item 1", "Item 2", and "Item 3". A button labeled "Get Selected" is also included. When the button is clicked, the list_button_clicked() function retrieves the selected item from the list box using listbox.get(listbox.curselection()) and displays it in an information message box.

7. メニューバー：ファイルメニューと終了機能

問題: ファイルメニューがあり、「終了」というオプションを選択するとアプリケーションを終了するGUIアプリケーションを作成してください。

解答例:

import tkinter as tk

def quit_app():
    root.destroy()  # ウィンドウを閉じる

root = tk.Tk()
root.title("Menu Example")

menubar = tk.Menu(root)

filemenu = tk.Menu(menubar, tearoff=0)
filemenu.add_command(label="Exit", command=quit_app)
menubar.add_cascade(label="File", menu=filemenu)

root.config(menu=menubar)

root.mainloop()

tk.Menu()でメニューバーを作成し、tk.Menu()でファイルメニューを作成しています。add_command()を使って「終了」というオプションを追加し、quit_app()関数をコールバック関数として設定します。add_cascade()を使ってメニューバーにファイルメニューを追加します。tearoff=0は、メニューバーからメニューを引き離す機能を無効にします。

Explanation: This example creates a window with a menu bar containing a "File" menu. The "File" menu has an "Exit" option. When the user selects "Exit", the quit_app() function is called, which closes the main window using root.destroy(). The config(menu=menubar) method associates the menu bar with the root window.

8. ダイアログボックス：ファイル選択ダイアログ

問題: ファイル選択ダイアログを表示し、選択されたファイルのパスをラベルに表示するGUIアプリケーションを作成してください。

解答例:

import tkinter as tk
import tkinter.filedialog

def open_file():
    filepath = tkinter.filedialog.askopenfilename()
    if filepath:
        label.config(text="Selected file: " + filepath)

root = tk.Tk()
root.title("File Dialog Example")

button = tk.Button(root, text="Open File", command=open_file)
button.pack()

label = tk.Label(root, text="")
label.pack()

root.mainloop()

tkinter.filedialog.askopenfilename()でファイル選択ダイアログを表示し、選択されたファイルのパスを取得します。if filepath:は、ユーザーがファイルをキャンセルした場合にエラーが発生しないようにするためのチェックです。

Explanation: This example creates a window with a button labeled "Open File" and an empty label. When the button is clicked, the open_file() function is executed. This function uses tkinter.filedialog.askopenfilename() to display a file selection dialog box. If the user selects a file (and doesn't cancel), the selected file path is retrieved and displayed in the label.

9. イベントバインディング：キー入力に応じたテキスト変更

問題: テキストボックスに文字を入力すると、ラベルのテキストがリアルタイムで更新されるGUIアプリケーションを作成してください。

解答例:

import tkinter as tk

def update_label(event):
    text = entry.get()
    label.config(text="You typed: " + text)

root = tk.Tk()
root.title("Event Binding Example")

entry = tk.Entry(root)
entry.pack()

# キー入力イベントをバインド
entry.bind("<Key>", update_label)

label = tk.Label(root, text="")
label.pack()

root.mainloop()

entry.bind("<Key>", update_label)で、テキストボックスのキー入力イベントにupdate_label()関数をバインドしています。<Key>はキー入力イベントを表します。イベントバインディングを使用することで、特定のイベントが発生したときに自動的に関数を実行することができます。

Explanation: This example creates a window with a text entry box and an empty label. The entry.bind("<Key>", update_label) line binds the <Key> event (any key press) in the entry box to the update_label function. Whenever a key is pressed in the entry box, the update_label function is called, which retrieves the current text from the entry box and updates the label with the message "You typed: [text]".

10. スライダー：値を変更して表示

問題: スライダーがあり、スライダーの値に応じてラベルのテキストが更新されるGUIアプリケーションを作成してください。

解答例:

import tkinter as tk

def update_label(event):
    value = slider.get()
    label.config(text="Slider value: " + str(value))

root = tk.Tk()
root.title("Slider Example")

slider = tk.Scale(root, from_=0, to=100, orient=tk.HORIZONTAL)
slider.pack()

# 値が変更されたときにupdate_label関数を呼び出す
slider.bind("<Value>", update_label)

label = tk.Label(root, text="")
label.pack()

root.mainloop()

tk.Scale()でスライダーを作成し、orient=tk.HORIZONTALで水平方向のスライダーを指定しています。slider.bind("<Value>", update_label)で、スライダーの値が変更されたときにupdate_label()関数を呼び出すように設定します。<Value>は値の変更イベントを表します。

Explanation: This example creates a window with a horizontal slider ranging from 0 to 100 and an empty label. The slider.bind("<Value>", update_label) line binds the <Value> event (when the slider value changes) to the update_label function. Whenever the slider is moved, the update_label function is called, which retrieves the current slider value and updates the label with the message "Slider value: [value]".