Kasutajaliideste loomine on tarkvaraarenduse keskne osa. WPF(Windows Presentation Foundation) abil on lihtne arendada interaktiivseid ja atraktiivseid rakendusi. Selles juhendis õpid, kuidas lisada, kohandada ja konfigureerida erinevaid omadusi TextboxWPF-is.
Tähtsaimad teadmised Sa saad aru, kuidas luua Textbox'i tööriistakastist, kohandada sisu ja omadusi ning lõpuks ka kooditaustale juurde pääseda, et laiendada Textboxide kasutamist.
Samm-sammuline juhend
Et luua oma esimene Textbox, järgige allpool toodud samme:
Samm 1: tööriistakasti avamine ja Textbox'i lisamine
Lihtsaim viis lisada Textbox oma kasutajaliidesele on tööriistakasti kasutamine. Ava tööriistakast, klikkides sellele. Leiad Textbox'i tööriistakasti alumisest osast. Märgi see nõrga klõpsuga, seejärel mine peamise akna disainerisse (MainWindow) ja lohista Textbox soovitud kohale oma kasutajaliideses. Lase hiire nupp lahti, et paigutada Textbox. Nüüd oled edukalt loonud Textbox'i.
Samm 2: teksti kohandamine
Nüüd näed disaineris paigutatud Textbox'i. Muuda kuvatavat teksti, klikkides lihtsalt kaks korda Textbox'il. Kuva teksti sisestamiseks ilmub sisestusväli, kus saad sisestada soovitud teksti. Soovitan anda Textbox'ile äratuntav nimi, et oleks kergem seda oma koodis tuvastada. Selle näite jaoks nimeta Textbox "TextboxCodeDesigner".
Samm 3: suuruse ja positsiooni kohandamine
TextBox'i suuruse muutmiseks saad lihtsalt servadele klõpsata ja neid lohista. Veendu, et Textbox'il on piisavalt ruumi kogu teksti mahutamiseks. Samuti saad omadustes käsitsi kohandadakõrgust ja laiust. Näiteks võid seada kõrguse 28 pikslile ja laiuse 130 pikslile. Nii tagatakse, et tekst kuvatakse õigesti.
Samm 4: Textbox'i nime andmine
Oma Textbox'i tuvastamise hõlbustamiseks peaksid ka sellele nimi andma. Omaduste loendis vasakul leiad nimeväli, kuhu saad sisestada "TextboxDesigner". See aitab sul hoida ülevaadet erinevatest juhtseadmetest.
Samm 5: kasutajaliidese testimine
Käivita oma rakendus, et kontrollida, kas kõik kuvatakse õigesti. Peaksid nägema peamist akent, kus sinu Textbox kuvatakse koos määratud sisuga. Nüüd oled õppinud Textbox'i loomise alused.
Samm 6: Textbox'i kohandamine XAML-redaktoris
Kui vaatad XAML-koodi, märkad, et Textbox'i loomisel lisati automaatselt XAML-koodiredaktorisse uus rida. Siin saad teha alternatiivseid kohandusi. Näiteks võiks kood välja näha järgmiselt:
Samm 7: teise Textbox'i lisamine
Teise Textbox'i lisamiseks mine tagasi tööriistakasti ja lisa uus Textbox nagu samm 1-s kirjeldatud. Sa saad samuti anda sellele nimi ja sisu, et eristada seda eelmisest.
Samm 8: Textbox'i sidumine kooditaustaga
Et töötada Textbox'iga kooditaustas, pead veenduma, et kõik juhtseadmed, sealhulgas Textbox, oleksid nimedega. Kooditaustas saad siis lisada sündmustele reageerivat koodi. Näiteks saad defineerida Textbox'i oma MainWindow.xaml.cs-s järgmiselt: TextBox textboxCodeBehind = new TextBox(); textboxCodeBehind.Name = "TextboxCodeBehind';
Samm 9: Textbox'i parameetrite seadmine kooditaustas
Iga juhtseade sinu kooditaustas peaks olema konfigureeritud, et see kuvatakse õigesti kasutajaliideses. Sa saad seadistada teksti värvi ja muid omadusi, nagu seda teeksid disaineris. Näiteks oleks: textboxCodeBehind.Text = "Textbox Code Behind";
Samm 10: kasutajaliidese testimine
Käivita projekt uuesti, et veenduda, et lisatud Textbox'id kuvatakse vastavalt soovile. Sa peaksid nägema nii Textbox'e, mille sa lõid disaineris, kui ka neid, mille sa lõid kooditaustas.
Samm 11: harjutamine ja edasine arendamine
Oma teadmiste süvendamiseks soovitan sul luua täiendavaid Textbox'e nii disaineris kui ka kooditaustas. Katseta erinevate tekstide, paigutuste ja kujundustega, et saada parem arusaam võimalustest.
Kokkuvõte – Esimesed sammud Textbox'itega WPF-is
Oled nüüd õppinud, kuidas luua, kohandada ja muuta omadusi WPF-is Textbox'e. Kolm meetodit: tööriistakasti kaudu, XAML-koodiredaktoris ja kooditaustas, võimaldavad sul paindlikult kujundada oma kasutajaliidest.
KKK
Kuidas lisada WPF-i Textbox?Textbox lohistatakse tööriistakastist peamise akna sisse.
Kuidas saan Textbox'i teksti muuta?Kaks korda klõpsa Textbox'il disaineris ja muuda teksti sisestusväljas.
Kus saan Textbox'i omadusi kohandada?Omaduste loendis vasakul disaineris saad kohandada kõrgust, laiust ja Textbox'i nime.
Miks pean Textbox'ile nime andma?Nimi lihtsustab Textbox'ile juurdepääsu kooditaustas.
Kuidas töötada Textbox'iga kooditaustas?Textbox'il peab esmalt olema XAML-is ID, et sellele kooditaustas viidata.
