Tkinter GUI w Python

GUI umożliwiają użytkownikom interakcję z komputerem i są ważną częścią kodowania. Ten samouczek dowie się, jak używać Tkintera do stworzenia GUI, szczególnie konwertera waluty.

Zainstaluj tkinter w następujący sposób:

instaluj tk

Krok 1: Tworzenie okna

Pierwszą rzeczą, którą musimy zrobić, jest utworzenie okna za pomocą klasy tk (). Jednak uruchamiamy okno i utrzymujemy je za pomocą metody MainLoop (). Należy pamiętać, że utworzone okno nie będzie widoczne bez metody MainLoop ()! Pamiętaj, że metoda mainLoop () musi być umieszczona na końcu kodu; W przeciwnym razie reszta nie zadziała. Okno.MainLoop () i tk () razem utworzą puste i puste okno. To okno to nasza baza.

Importować tkinter jako tk
# Utwórz okno
okno = tk.Tk ()
#Główna pętla
okno.główna pętla()

Krok 2: Podaj okno tytuł

Następnie podajmy to puste okno tytuł za pomocą metody tytułu (). Metoda tytułu () bierze jeden argument - tytuł okna.

importować tkinter jako tk
okno = tk.Tk ()
# Daj mu tytuł
Nagłówek = okno.Tytuł („Konwerter waluty”)
okno.główna pętla()

Krok 3: Utwórz płótno

Widżet na płótnie służy do dodawania projektów. Teraz definiujemy widżet na płótnie, który może maksymalnie przyjmować 13 argumentów. Jednak najważniejsze argumenty to okno, z którymi chcemy pracować oraz wysokość i szerokość płótna. W Tkinter większość rzeczy jest pakowana, więc płótno jest pakowane przy użyciu metody Pack () do pracy.

importować tkinter jako tk
okno = tk.Tk ()
Nagłówek = okno.Tytuł („Konwerter waluty”)
Canvas = tk.Płótno (okno, szerokość = 550, wysokość = 330)
płótno.Pakiet()
okno.główna pętla()

Krok 4: Dodawanie etykiet

Etykiety to w zasadzie tylko fragmenty tekstów, które dodajemy do okna. W moim przypadku dodam 3 etykiety - jedna etykieta to tytuł, a pozostałe dwa to instrukcje. Widżet etykiety bierze tutaj 2 argumenty - okno do umieszczenia tekstu i tekstu do napisania w nim. Możesz dalej go dostosować za pomocą config () do przekazania czcionki i rozmiaru tekstu, który właśnie napisałeś.

Ponadto tworzymy obiekt okna Canvas za pomocą Create_Window (). Create_window () bierze co najwyżej 6 argumentów - kotwica, wysokość, stan, tagi, szerokość i okno (widżet używany do tworzenia płótna). Będziemy używać tylko Anchor i okna do create_windows (). Tak więc w moim przypadku dla drugiej etykiety - etykieta_search_bar - chcę, aby była ustawiona na x = 150, y = 120, a okno, którego użyję, to etykieta, którą utworzyliśmy (płótno.create_window (150, 120, Window = etykieta_search_bar)).

importować tkinter jako tk
okno = tk.Tk ()
Nagłówek = okno.Tytuł („Konwerter waluty”)
Canvas = tk.Płótno (okno, szerokość = 550, wysokość = 330)
płótno.Pakiet()
etykieta = tk.Etykieta (okno, text = "konwerter waluty Kalyani")
etykieta.config (font = („helvetica”, 14))
płótno.create_window (270, 75, Window = etykieta)
etykieta_search_bar = tk.Etykieta (okno, text = "from (np.: 500 USD):")
etykieta.config (font = („helvetica”, 14))
płótno.create_window (150, 120, Window = etykieta_search_bar)
label_convert_currency = tk.Etykieta (okno, text = "to (ex: cad):")
etykieta.config (font = („helvetica”, 14))
płótno.create_window (270, 120, Window = etykieta_convert_currency)
okno.główna pętla()

Krok 5: Dodanie paska wejściowego

Pasek wejściowy jest jak pasek wyszukiwania; To małe pudełko, w którym można wprowadzić dane lub informacje. Używamy widżetu pozycji do utworzenia paska wejściowego. Widżet wejściowy zajmuje co najwyżej 18 argumentów. Użyjemy tylko jednego z nich - okna nadrzędnego. Następnie umieszczamy to, jak zwykle, używając płótna.create_window ().

importować tkinter jako tk
okno = tk.Tk ()
Nagłówek = okno.Tytuł („Konwerter waluty”)
Canvas = tk.Płótno (okno, szerokość = 550, wysokość = 330)
płótno.Pakiet()
etykieta = tk.Etykieta (okno, text = "konwerter waluty Kalyani")
etykieta.config (font = („helvetica”, 14))
płótno.create_window (270, 75, Window = etykieta)
etykieta_search_bar = tk.Etykieta (okno, text = "from (np.: 500 USD):")
etykieta.config (font = („helvetica”, 14))
płótno.create_window (150, 120, Window = etykieta_search_bar)
label_convert_currency = tk.Etykieta (okno, text = "to (ex: cad):")
etykieta.config (font = („helvetica”, 14))
płótno.create_window (270, 120, Window = etykieta_convert_currency)
Search_bar = tk.Wpis (okno)
płótno.create_window (150, 150, wysokość = 30, szerokość = 100, okno = Search_Bar)
Convert_Currency = tk.Wpis (okno)
płótno.create_window (270, 150, wysokość = 30, szerokość = 100, okno = Convert_Currency)
okno.główna pętla()

Krok 6: Dodanie przycisku

Aby utworzyć przycisk, potrzebujemy widżetu przycisku. Ten widżet przyjmuje wiele argumentów, wśród tych tekstów (tekst do wyświetlania przycisku), szerokość, wysokość, BG (kolor tła przycisku), FG (kolor pierwszego planu przycisku ), czcionka i polecenie. Tutaj najważniejszą częścią jest polecenie! Polecenie zdefiniuje funkcję, która zostanie aktywowana po kliknięciu przycisku. W moim przypadku zadzwoniłem do mojego funkcji CurrencyConverter. Na początek umieszczę „przejście” w moim funkcji CurrencyConverter. (Oczywiście zlokalizujemy przycisk za pomocą Create_Window).

importować tkinter jako tk
def currencyConverter ():
przechodzić
okno = tk.Tk ()
Nagłówek = okno.Tytuł („Konwerter waluty”)
Canvas = tk.Płótno (okno, szerokość = 550, wysokość = 330)
płótno.Pakiet()
etykieta = tk.Etykieta (okno, text = "konwerter waluty Kalyani")
etykieta.config (font = („helvetica”, 14))
płótno.create_window (270, 75, Window = etykieta)
etykieta_search_bar = tk.Etykieta (okno, text = "from (np.: 500 USD):")
etykieta.config (font = („helvetica”, 14))
płótno.create_window (150, 120, Window = etykieta_search_bar)
label_convert_currency = tk.Etykieta (okno, text = "to (ex: cad):")
etykieta.config (font = („helvetica”, 14))
płótno.create_window (270, 120, Window = etykieta_convert_currency)
Search_bar = tk.Wpis (okno)
płótno.create_window (150, 150, wysokość = 30, szerokość = 100, okno = Search_Bar)
Convert_Currency = tk.Wpis (okno)
płótno.create_window (270, 150, wysokość = 30, szerokość = 100, okno = Convert_Currency)
Button = TK.Przycisk(
okno,
text = "Konwertuj walutę",
szerokość = 25,
Wysokość = 3,
BG = „White”,
fg = „czarny”,
font = („helvetica”, 9, „Bold”),
Command = CurrencyConverter
)
płótno.create_window (275, 200, wysokość = 40, szerokość = 150, okno = przycisk)
okno.główna pętla()

Krok 7: Pisanie funkcji poleceń

Tutaj funkcja polecenia poinformuje program, co robić, gdy użytkownik kliknie przycisk. W moim przypadku chciałbym to:

• Uzyskaj wartości wejściowe za pomocą metody get ().
• Sprawdź wartości wejściowe. Chcę numeru i waluty na pierwszym pasku wejściowym, aw drugim chcę walutę.
• Konwertuj wartości walutowe za pomocą modułu CurrencyConverter w Python.
• Wyrzuć wartość

importować tkinter jako tk
def currencyConverter ():

Najpierw pobramy to, co użytkownik napisał na paskach wejściowych za pomocą metody get () i umieścić ją w inicideal_currency.

inicial_currency = Search_Bar.Dostawać()

Tutaj oczekujemy dwóch wartości (np.: 500 USD), więc następnie podzieliliśmy je, aby zmienić tablicę.

array = inicitial_currency.podział(" ")

Następnie mówimy, że jeśli długość tej tablicy nie wynosi 2, chcemy, aby rzuciła błąd na ekran okna. W moim przypadku użyję widżetu etykieta (), aby utworzyć tekst do wyświetlania. To znaczy, jeśli długość mojej tablicy nie wynosi 2, to napisz „Wprowadź kwotę i typ waluty (np.: 500 USD)” na ekranie. Umieść go za pomocą płótna.create_windows ().

Jeśli Len (tablica) != 2:
print_out = etykieta (okno, text = "Wprowadź kwotę i typ waluty (np.: 500 USD)")
płótno.create_window (250, 310, Window = print_out)

Następnie chcemy pobrać wartości, które zostały wprowadzone. Kwota jest pierwszą wartością w tablicy, a typ waluty jest drugą wartością w tablicy.

kwota = int (tablica [0])
waluta = str (tablica [1]).górny()

Następnie potrzebujemy typu walutowego, że kwota jest przekształcana w (np. 500 USD na CAD). Zdefiniowałem zmienną o nazwie to_currency, aby uzyskać dane wejściowe użytkownika w drugim pasku wejściowym. Jeszcze raz używamy metody get () do pobrania wartości.

to_currency = Convert_Currency.Dostawać()

Teraz musimy manipulować tym, co właśnie mamy. Użytkownik wprowadził niektóre rzeczy i chcemy tylko pierwszej wartości wprowadzenia, więc podzieliliśmy wszystko i wybieramy pierwszą wartość za pomocą [0]. (Przekształcam też wszystko na wielką część, aby uniknąć problemów).

array_to_currency = to_currency.podział(" ")
to_currency = str (array_to_currency [0])
to_currency = to_currency.górny()

Teraz używamy modułu z Python o nazwie Converter Converter (PIP Instal instalacja CurrencyConverter). Konwertujemy walutę i uzyskujemy kwotę (tutaj nazywam tę zmienną kwotę_converted).

z waluty_converter import CurrencyConverter
c = currencyConverter ()
kwot_converted = c.Konwertuj (kwota, waluta, to_murrencja)

Następnie musimy wydrukować to na oknie. Jak wiemy, drukujemy tekst za pomocą widżetu etykiet. Ponieważ kwota_converted (przekonwertowana waluta) jest pływakiem, mówimy:

text_to_input = str (kwot_converted) + "" + to_currency
druk_out_answer = etykieta (okno, text = text_to_input)
płótno.create_window (450, 150, Window = print_out_answer)

Cały kod wyglądałby tak:

Z Tkinter Import *
def currencyConverter ():
# Uzyskaj dane wejściowe na pasku wyszukiwania
inicial_currency = Search_Bar.Dostawać()
# Podziel To
array = inicitial_currency.podział(" ")
Jeśli Len (tablica) != 2:
print_out = etykieta (okno, text = "Wprowadź kwotę i typ waluty (np.: 500 USD)")
płótno.create_window (250, 310, Window = print_out)
# Zdobądź kwotę „z” i kwoty dolara
kwota = int (tablica [0])
waluta = str (tablica [1]).górny()
# Uzyskaj dane wejściowe w walucie na konwersję na
to_currency = Convert_Currency.Dostawać()
array_to_currency = to_currency.podział(" ")
to_currency = str (array_to_currency [0])
to_currency = to_currency.górny()
# Konwertuj to
z waluty_converter import CurrencyConverter
c = currencyConverter ()
kwot_converted = c.Konwertuj (kwota, waluta, to_murrencja)
# Wydrukuj odpowiedź
text_to_input = str (kwot_converted) + "" + to_currency
druk_out_answer = etykieta (okno, text = text_to_input)
płótno.create_window (450, 150, Window = print_out_answer)
# Utwórz okno
okno = tk ()
# Utwórz płótno i spakuj
płótno = płótno (okno, szerokość = 550, wysokość = 330, ulga = „podniesiony”)
płótno.Pakiet()
# Daj mu tytuł
Nagłówek = okno.Tytuł („Konwerter waluty Kalyani”)
# Nazwa przeglądarki
etykieta = etykieta (okno, text = "konwerter waluty Kalyani")
etykieta.config (font = („helvetica”, 14))
płótno.create_window (270, 75, Window = etykieta)
# Utwórz pasek wyszukiwania
Search_Bar = wpis (okno, justify = Center)
płótno.create_window (150, 150, wysokość = 30, szerokość = 100, okno = Search_Bar)
# Oznacz pasek wyszukiwania
etykieta_search_bar = etykieta (okno, text = "from (ex: 500 USD):")
etykieta.config (font = („helvetica”, 14))
płótno.create_window (150, 120, Window = etykieta_search_bar)
# Przekształć walutę
Convert_Currency = Entry (okno, justify = Center)
płótno.create_window (270, 150, wysokość = 30, szerokość = 100, okno = Convert_Currency)
# Oznacz walutę
label_convert_currency = etykieta (okno, text = "to (ex: cad):")
etykieta.config (font = („helvetica”, 14))
płótno.create_window (270, 120, Window = etykieta_convert_currency)
#Utwórz przycisk
przycisk = przycisk (
okno,
text = "Konwertuj walutę",
szerokość = 25,
Wysokość = 3,
BG = „White”,
fg = „czarny”,
font = („helvetica”, 9, „Bold”),
Command = CurrencyConverter
)
#Umieść przycisk
płótno.create_window (275, 200, wysokość = 40, szerokość = 150, okno = przycisk)
#Główna pętla
okno.główna pętla()

Chociaż kod jest nieco dłuższy niż oczekiwano, jest to dość proste. Musisz tylko pamiętać kilka rzeczy:

• Piszesz SMS -y z widżetem etykiet
• Tworzysz przyciski z widżetem przycisku
• Tworzysz paski wejściowe z widżetem wpisowym
• Umieszczasz je we właściwej lokalizacji za pomocą widżetu na płótnie i Create_Window ()

Szczęśliwe kodowanie!