Tworzenie podstawowego okna aplikacji z Tkinter do interakcji z użytkownikiem

1. Tworzenie głównego okna aplikacji

Dziś wyruszamy w ekscytującą podróż po świecie graficznych interfejsów z biblioteką Tkinter. Po tym wykładzie Twój PC nie będzie tylko kawałkiem metalu, ale prawdziwym magikiem, który potrafi nie tylko liczyć, ale i efektywnie wyświetlać wyniki użytkownikowi na ekranie. Więc zapinamy pasy i ruszamy budować nasze pierwsze podstawowe okno aplikacji!

Zacznijmy od stworzenia głównego okna naszej aplikacji. W Tkinter to całkiem proste. Użyjemy funkcji Tk(), aby stworzyć instancję głównego okna — to jak tradycyjne "Hello, World!" w świecie GUI.

import tkinter as tk

# Tworzymy instancję aplikacji
root = tk.Tk()

# Ustawiamy tytuł okna
root.title("Moja pierwsza aplikacja")

# Uruchamiamy główną pętlę
root.mainloop()
    

Co tu się dzieje?

1. Import Tkinter: Zaczynamy od zaimportowania biblioteki tkinter. Dla wygody importujemy ją jako tk (bo my, programiści, kochamy skróty).
2. Tworzenie okna: Tworzymy obiekt root, który reprezentuje główne okno aplikacji. Wyobraź sobie, że to okno jest "sercem", bez którego nasza aplikacja po prostu nie przeżyje.
3. Tytuł okna: Za pomocą metody title() ustawiamy tytuł okna, aby użytkownicy wiedzieli, z czym mają do czynienia. W tym przypadku nazwaliśmy je po prostu "Moja pierwsza aplikacja".
4. Główna pętla (mainloop()): To ważny element, który uruchamia przetwarzanie zdarzeń w naszej aplikacji. Dopóki ta pętla działa, nasze okno pozostaje na ekranie, czekając na interakcję z użytkownikiem.

Instrukcja krok po kroku

1. Tworzenie głównego okna: każdy interfejs zaczyna się od utworzenia głównego okna.

   
   root = tk.Tk()
   root.title("Podstawowe okno")
               

   Hurra! Właśnie zaprosiłeś do swojego życia okno. Mam nadzieję, że masz zasłony!

2. Konfiguracja parametrów okna: dodamy trochę personalizacji.

   
   root.geometry("800x600")  # Szerokość x Wysokość
   root.iconbitmap('icon.ico')  # Możesz wskazać swój plik ikony
               

3. Główna pętla aplikacji: aby Twoje okno nie zniknęło zaraz po pojawieniu się, uruchomimy główną pętlę.

   
   root.mainloop()
               

Główna pętla aplikacji

Teraz, gdy mamy okno, warto porozmawiać o głównej pętli mainloop(). Działa ona jak niewidzialny DJ na Twojej imprezie — dopóki gra muzykę, wszystko idzie zgodnie z planem. Główna pętla pozostaje zawsze czujna, zapewniając działanie aplikacji i reagując na działania użytkownika, takie jak kliknięcia myszą czy naciśnięcia klawiszy.

Bez tej pętli Twoja aplikacja po prostu wyświetli puste okno i się zakończy. Więc nie zapomnij dołączyć jej na końcu każdego ze swoich skryptów Tkinter!

2. Zapoznanie się z widgetami

Tkinter oferuje wiele widgetów, z których każdy pełni swoją unikalną funkcję. Zapoznajmy się z niektórymi z nich.

Podstawowe widgety Tkinter

• Okno (Window): główna powierzchnia, na której znajdują się wszystkie inne widgety.
• Przycisk (Button): element interakcji, który reaguje na kliknięcie.
• Pole tekstowe (Entry): pole tekstowe do wprowadzania pojedynczego wiersza tekstu.
• Etykieta (Label): używana do wyświetlania tekstu lub obrazów.
• Pole tekstowe (Text): do wprowadzania i wyświetlania wielowierszowego tekstu.

Przykłady zastosowania widgetów

Oto krótki przykład, który pokazuje, jak stworzyć proste okno z przyciskiem i etykietą:

import tkinter as tk

def say_hello():
    label.config(text="Cześć, świecie!")

root = tk.Tk()
root.title("Moja pierwsza aplikacja")

label = tk.Label(root, text="Naciśnij przycisk")
label.pack(pady=10)

button = tk.Button(root, text="Naciśnij mnie", command=say_hello)
button.pack(pady=5)

root.mainloop()
    

Po uruchomieniu tego kodu zobaczysz okno z etykietą i przyciskiem. Kliknij przycisk — a etykieta przywita świat!

3. Dodawanie widgetów do okna

Teraz, gdy mamy nasze wspaniałe okno (tak, na razie to wszystko, czym możemy się pochwalić), dodajmy kilka widgetów. Widgety to elementy interfejsu użytkownika, takie jak przyciski, etykiety, pola tekstowe itp. Zacznijmy od czegoś prostego: stworzymy przycisk i etykietę.

# Importujemy bibliotekę tkinter
import tkinter as tk

# Tworzymy główne okno aplikacji
root = tk.Tk()
root.title("Moja pierwsza aplikacja")

# Tworzymy etykietę i umieszczamy ją w oknie
label = tk.Label(root, text="Cześć, użytkowniku! Witaj w moim pierwszym GUI.")
label.pack()  # Używamy metody pack do umieszczenia widgetu

# Tworzymy przycisk i umieszczamy go w oknie
button = tk.Button(root, text="Naciśnij mnie!", command=lambda: print("Przycisk naciśnięty!"))
button.pack()

# Uruchamiamy główną pętlę
root.mainloop()
    

Wyjaśnienia

1. Etykieta (Label): Stworzyliśmy etykietę z tekstem "Cześć, użytkowniku! Witaj w moim pierwszym GUI." za pomocą Label(). Metoda pack() na końcu to prosty sposób na umieszczenie widgetu na ekranie.

2. Przycisk (Button): Przycisk został stworzony z tekstem "Naciśnij mnie!". Przekazaliśmy również parametr command, który wskazuje, jaką funkcję należy wywołać po kliknięciu na przycisk. Tutaj komenda wywołuje lambda: print("Przycisk naciśnięty!"), więc po kliknięciu zobaczysz wiadomość w konsoli.

Tym samym stworzyliśmy nie tylko podstawowe okno, ale i uczyniliśmy je interaktywnym! Można powiedzieć, że przeszliśmy od jednego okna do małej "aplikacji". To dopiero początek — przed nami dużo ciekawszych wyzwań!

Mam nadzieję, że podobała Ci się ta wstępna podróż w świat Tkinter. Pamiętaj, GUI to Twoja szansa, aby pokazać światu swoje programistyczne mistrzostwo w wizualnej formie. W następnym wykładzie omówimy, jak dodawać przyciski i pola tekstowe, więc przygotuj się na jeszcze bardziej interaktywne interfejsy!