Aloittelijaystävällinen opas Tkinter Grid-Managerin käyttöön

Tekijä: Denis Panjuta Päivitetty viimeksi perjantai 4. huhtikuuta 2025 Ohjelmisto: Python 3.5

Jos etsit tapaa tehdä Tkinter-sovelluksistasi tehokkaampia, on Grid-Manager ihanteellinen työkalu sinulle. Sen avulla voit järjestää graafisen käyttöliittymäsi (GUI) ruudukkoon, jolloin syntyy strukturoitu ja siisti sovellus. Tässä oppaassa opit vaihe vaiheelta, kuinka voit käyttää Grid-Geometry-Manageria widgettiesi oikeaan järjestämiseen ja käyttäjäkokemuksen parantamiseen.

Toista video YouTubesta

Video ladataan YouTubesta vasta toistettaessa – silloin tietoja (mm. IP-osoite) siirretään YouTubelle/Googlelle. Lisää tietosuojaselosteessa

Tärkeimmät havainnot

• Grid-Manager mahdollistaa widgettien helpon järjestämisen kaksidimensionaaliseen ruudukkoon.
• Jokainen widget sijoitetaan riveillä (rows) ja sarakkeilla (columns).
• Voit räätälöidä Grid-Manageria luodaksesi erilaisia asetteluja, kuten yhdistämällä sarakkeita tai järjestämällä elementtejä usean rivin ja sarakkeen yli.

Vaiheittainen opas

Vaihe 1: Tkinter-sovelluksesi asetukset

Aloittaaksesi Grid-Managerin käytön, luo ensin uusi Python-skripti. Nimeä se esimerkiksi GridManager.py. Tuo Tkinter-kirjasto lisäämällä seuraava koodi.

from tkinter import *

Nyt alustat pääikkunasi.

root = Tk()

Vaihe 2: Tekstikentät ja syöttökentät

Lisää kaksi tekstikenttää ja niihin liittyvät syöttökentät. Ensimmäisen tekstikentän tulisi sisältää teksti "Etunimi", ja syöttökenttä sijoitetaan tämän tekstikentän viereen.

label1 = Label(root, text="Etunimi")
label1.grid(row=0, column=0)

entry1 = Entry(root) entry1.grid(row=0, column=1)

Toista tekstikenttää käytetään "Sukunimi"-sanan näyttämiseen, ja syöttökenttä sijoitetaan ensimmäisen tekstikentän alle.

label2 = Label(root, text="Sukunimi")
label2.grid(row=1, column=0)

entry2 = Entry(root) entry2.grid(row=1, column=1)

Vaihe 3: Valintanappi lisääminen

Jatkaaksesi asettelun hiomista, lisäämme valintanapin. Tämä sijoitetaan seuraavalle riville. Tässä voidaan käyttää sticky-ominaisuuksia, jotta nappi voidaan kohdistaa vasemmalle.

checkbutton = Checkbutton(root, text="Hyväksyn ehdot.")
checkbutton.grid(row=2, column=0, columnspan=2, sticky=W)

Vaihe 4: Kuvan lisääminen

Nyt on aika lisätä kuva. Kuva sijoitetaan ensimmäiselle riville kolmannessa sarakkeessa ja se kattaa kaksi saraketta ja kaksi riviä. Tämä tehdään käyttämällä rowspan ja columnspan -parametrejä.

image = PhotoImage(file="kuva.png")
image_label = Label(root, image=image)
image_label.grid(row=0, column=2, rowspan=2, columnspan=2, sticky='nsew', padx=3, pady=3)

Vaihe 5: Napit lisääminen

Lisätään nyt kaksi nappia käyttöliittymään. Ensimmäinen nappi sijoitetaan kolmannelle riville kolmanteen sarakkeeseen.

button1 = Button(root, text="Nappi 1")
button1.grid(row=2, column=2)

Toinen nappi sijoitetaan samaan riviin, mutta neljänteen sarakkeeseen.

button2 = Button(root, text="Nappi 2")
button2.grid(row=2, column=3)

Vaihe 6: Asettelun hienosäätö

Lisätäksesi väliä nappien väliin, voit käyttää padx- ja pady-ominaisuuksia. Tässä lisätään 2 pikselin ylimääräinen väli visuaalisesti erottamaan nappit toisistaan.

button1.grid(padx=2, pady=2)
button2.grid(padx=2, pady=2)

Vaihe 7: Pääsilmukan käynnistäminen

Jotta sovellus saadaan toimimaan, suorita mainloop()-komento.

root.mainloop()

Yhteenveto

Tässä oppaassa olet oppinut, kuinka voit käyttää Grid-Manageria Tkinterissä widgettien tehokkaaseen luomiseen ja järjestämiseen. Olet luonut tekstikenttiä, syöttökenttiä, nappeja ja valintanappeja ja integroinut ne rakenteelliseen asetteluun. Käyttämällä rowspan, columnspan ja sticky-ominaisuuksia saat monia mahdollisuuksia muokata käyttöliittymääsi haluamallasi tavalla.

Kouluttaja Denis Panjuta Hei! Olen Denis Panjuta ja minulla on kandidaatin tutkinto taloustekniikassa HTWG Konstanzissa, missä myös löysin innostuksen ohjelmointiin. Kaikki kurssit: Denis Panjuta →