Teksto laukelio sukūrimas ir pritaikymas WPF

Naudotojo sąsajų kūrimas yra pagrindinė programinės įrangos kūrimo dalis. Su WPF(Windows Presentation Foundation) yra lengva sukurti interaktyvias ir patrauklias programas. Šiame vadove sužinosi, kaip pridėti, pritaikyti ir konfigūruoti įvairias savybes TextboxWPF.

Pagrindinės įžvalgos Suprasi, kaip sukurti tekstinį laukelį per įrankių langą, pritaikyti turinį ir savybes bei galiausiai pasiekti kodą, kad išplėstum tekstinių laukelių naudojimą.

Žingsnis po žingsnio vadovas

Norint suprastisavo pirmą tekstinį laukelį, čia pateikiami žingsniai, kuriuos turėtum sekti:

Žingsnis 1: atidaryti įrankių langą ir pridėti tekstinį laukelį

Lengviausias būdas pridėti tekstinį laukelį prie savo vartotojo sąsajos yra naudoti įrankių langą. Atidaryk įrankių langą, spustelėjęs ant jo. Tekstinį laukelį rasite apatiniame gale. Pasirinkite jį kairiuoju pelės mygtuku, tada eikite į pagrindinį lango dizainerį (MainWindow) ir vilkite tekstinį laukelį ten, kur norite savo vartotojo sąsajoje. Atleisk pelės mygtuką, kad vieta tekstinį laukelį. Dabar sėkmingai sukūrei tekstinį laukelį.

Žingsnis 2: pritaikyti tekstą

Šiuo metu galite matyti dizainerio langelyje įdėtą tekstinį laukelį. Norėdamas pakeisti rodomą tekstą, tiesiog dukart spustelėk ant tekstinio laukelio. Atsiras įvesties laukas, kuriame gali įvesti norimą tekstą. Rekomenduoju suteikti tekstiniam laukeliui atpažįstamą pavadinimą, kad galėtum lengviau jį identifikuoti savo kode. Šiame pavyzdyje pavadinkite tekstinį laukelį „TextboxCodeDesigner“.

Žingsnis 3: pritaikyti dydį ir poziciją

Norint pakeisti tekstinio laukelio dydį, galite tiesiog spustelėti ir vilkti kraštus. Įsitikinkite, kad tekstinis laukelis turi pakankamai vietos visam tekstui. Taip pat galite savybes nustatyti rankiniu būdu pritaikytiaukštį ir plotį. Pavyzdžiui, galite nustatyti aukštį į 28 pikselius ir plotį į 130 pikselių. Tai užtikrins, kad tekstas teisingai būtų rodomas.

Žingsnis 4: pavadinti tekstinį laukelį

Norint palengvinti tekstinio laukelio identifikavimą, taip pat turėtumėte jam suteikti vardą. Savybių sąraše kairėje pusėje rasite pavadinimo lauką, kuriame galite įvesti „TextboxDesigner“. Tai padės jums išlaikyti aiškumą dėl įvairių valdiklių.

Žingsnis 5: vartotojo sąsajos testavimas

Paleisk savo programą, kad patikrintum, ar viskas teisingai rodomas. Turėtum pamatyti pagrindinį langą, kuriame atsiranda tavo tekstinis laukelis su nurodytu turiniu. Dabar išmokai pagrindus, kaip sukurti tekstinį laukelį.

Žingsnis 6: pritaikyti tekstinį laukelį XAML redaktoriuje

Jei pasižiūrėsi į XAML kodą, pastebėsi, kad kuriant tekstinį laukelį automatiškai buvo pridėta nauja eilutė XAML kodo redaktoriuje. Čia galite atlikti alternatyvius pritaikymus. Pavyzdžiui, kodas gali atrodyti taip: . XAML redaktorius suteikia jums galimybę nustatyti vertes, kurios vėliau bus atspindimos vartotojo sąsajoje.

Žingsnis 7: pridėti antrą tekstinį laukelį

Norėdami pridėti antrą tekstinį laukelį, grįžkite į įrankių langą ir pridėkite naują tekstinį laukelį, kaip aprašyta 1 žingsnyje. Galite jos taip pat suteikti vardą ir turinį, kad galėtumėte ją atskirti nuo ankstesnio.

Žingsnis 8: sujungti tekstinį laukelį su kodu užnugaryje

Norint dirbti su tekstiniu laukeliu kode užnugaryje, turite įsitikinti, kad visi valdikliai, įskaitant tekstinį laukelį, turi pavadinimą. Tada kode užnugaryje galite pridėti įvykius. Pavyzdžiui, galite sukurti tekstinį laukelį tokiu būdu jūsų MainWindow.xaml.cs: TextBox textboxCodeBehind = new TextBox(); textboxCodeBehind.Name = "TextboxCodeBehind';

Žingsnis 9: nustatyti parametrus tekstiniam laukeliui kode užnugaryje

Kiekvienas valdiklis tavo kode užnugaryje turėtų būti sukonfigūruotas, kad jis būtų teisingai rodomas vartotojo sąsajoje. Galite nustatyti teksto spalvą ir kitas savybes, taip pat kaip tai darytumėte dizainerio lange. Pavyzdys būtų: textboxCodeBehind.Text = "Textbox Code Behind";

Žingsnis 10: vartotojo sąsajos testavimas

Paleisk projektą dar kartą, kad įsitikintum, ar pridėti tekstiniai laukeliai rodomi kaip norima. Turėtum būti matomas tiek tekstinius laukelius, kuriuos sukūrei dizainerio lange, tiek tuos, kuriuos sukūrei kode užnugaryje.

Žingsnis 11: praktika ir tolesnis tobulinimas

Norint dar labiau pagilinti savo žinias, rekomenduoju sukurti papildomus tekstinius laukelius tiek dizainerio lange, tiek kode užnugaryje. Eksperimentuok su įvairiais tekstais, pozicijomis ir išdėstymais, kad geriau suprastum galimybes.

Santrauka – Pirmieji žingsniai su tekstiniais laukeliais WPF

Dabar išmokote, kaip sukurti, pritaikyti ir keisti savybes tekstinių laukelių WPF. Trys metodai: per įrankių langą, XAML kodo redaktorių ir kodą užnugaryje, suteikia jums lanksčią galimybę sukurti vartotojo sąsają.