Ohjelmointi Pythonilla - aloittelijakurssi

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

Kaikki oppaan videot Ohjelmointi Pythonilla - aloittelijakurssi

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.

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.

Aloittelijaystävällinen opas Tkinter Grid-Managerin käyttöön
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.

Aloittelijaystävällinen opas Tkinter Grid-Managerin käyttöön
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.

Aloittelijaystävällinen opas Tkinter Grid-Managerin käyttöön
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ä.

Aloittelijaystävällinen opas Tkinter Grid-Managerin käyttöön
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.

Aloittelijaystävällinen opas Tkinter Grid-Managerin käyttämiseen
button1 = Button(root, text="Nappi 1")
button1.grid(row=2, column=2)

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

Aloittelijaystävällinen opas Tkinter Grid-Managerin käyttöön
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.

Aloittelijaystävällinen opas Tkinter Grid-Managerin käyttöön
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.

Usein kysyttyjä kysymyksiä

Kuinka käytän Grid-Manageria Tkinterissä?Järjestä jokainen widget.grid()-menetelmällä haluttuun kohtaan rivissä ja sarakkeessa.

Mitkä ovat rowspan-menetelmän toiminnot?Rowspan avulla voit laajentaa widgetiä usealle riville.

Kuinka lisään väliä widgettien väliin?Käytä padx- ja pady-parametrejä grid()-menetelmässä määrittääksesi vaakasuoralle tai pystysuoralle väliä.

Mikä on ero columnspanin ja stickyn välillä?Columnspan määrittää, kuinka monta saraketta widget käyttää, kun taas sticky määrittää sijainnin solussa.