Izveidot un pielāgot teksta lodziņu WPF

Lietotāja interfeisu izveide ir centrāla programmatūras izstrādes sastāvdaļa. Ar WPF(Windows Presentation Foundation) ir viegli izstrādāt interaktīvas un pievilcīgas lietojumprogrammas. Šajā rokasgrāmatā tu iemācīsies, kā pievienot, pielāgot un konfigurēt dažādas īpašības TextboxWPF.

Galvenās atziņas Tu sapratīsi, kā izveidot tekstuālo lodziņu, izmantojot rīku kasti, pielāgot saturu un īpašības, kā arī, visbeidzot, piekļūt kodam aiz kā, lai paplašinātu tekstuālo lodziņu izmantošanu.

Solim pa solim rokasgrāmata

Lai izveidotu savu pirmo tekstuālo lodziņu, seko šiem soliem:

1. solis: atveriet rīku kasti un pievienojiet tekstuālo lodziņu

Vienkāršākais veids, kā pievienot tekstuālo lodziņu savam lietotāja interfeisam, ir izmantot rīku kasti. Atver rīku kasti, klikšķinot uz tās. Tu atradīsi tekstuālo lodziņu apakšā. Izvēlies to ar peles kreiso taustiņu, pēc tam dodies uz galvenā loga dizaineri (MainWindow) un velc tekstuālo lodziņu uz vēlamo vietu savā lietotāja interfeisā. Atlaid peles taustiņu, lai novietotu tekstuālo lodziņu. Tagad tu esi veiksmīgi izveidojis tekstuālo lodziņu.

2. solis: pielāgojiet tekstu

Tagad tu redzēsi novietoto tekstuālo lodziņu dizainerā. Lai mainītu parādīto tekstu, vienkārši divreiz noklikšķini uz tekstuālā lodziņa. Parādīsies ievades lauks, kurā tu vari norādīt vēlamo tekstu. Es rekomendēju dot tekstuālajam lodziņam atpazīstamu nosaukumu, lai to būtu vieglāk identificēt tavā kodā. Šajā piemērā tu nosauksi tekstuālo lodziņu par „TextboxCodeDesigner“.

3. solis: pielāgojiet izmēru un pozīciju

Lai mainītu tekstuālā lodziņa izmēru, tu vari vienkārši noklikšķināt uz malām un vilkt. Pārliecinies, ka tekstuālais lodziņš nodrošina pietiekami daudz vietas visam tekstam. Tu vari arī īpašībās manuāli pielāgotaugstumu un platumu. Piemēram, tu vari iestatīt augstumu uz 28 pikseļiem un platumu uz 130 pikseļiem. Tas nodrošinās, ka teksts tiek pareizi parādīts.

4. solis: nosauciet tekstuālo lodziņu

Lai atvieglotu tekstuālā lodziņa identificēšanu, tev nevajadzētu aizmirst to nosaukt. Īpašību sarakstā kreisajā pusē tu atradīsi nosaukuma lauku, kur varēsi ierakstīt „TextboxDesigner“. Tas palīdzēs tev saglabāt pārskatu par dažādiem kontrolieriem.

5. solis: pārbaudi lietotāja interfeisu

Sāc savu lietojumprogrammu, lai pārbaudītu, vai viss tiek pareizi parādīts. Tev vajadzētu redzēt galveno logu, kurā tavas tekstuālais lodziņš parādās ar norādīto saturu. Tagad tu esi apguvis pamatus tekstuālā lodziņa izveidei.

6. solis: pielāgojiet tekstuālo lodziņu XAML redaktorā

Kad tu skati XAML kodu, tu pamanīsi, ka tekstuālā lodziņa izveides laikā XAML koda rediģēšanas rīkā automātiski tika pievienota jauna rinda. Šeit tu vari veikt alternatīvas pielāgošanas. Piemēram, kods varētu izskatīties šādi: . XAML redaktors tev nodrošina iespēju veikt vērtību, kas vēlāk atspoguļosies lietotāja interfeisā.

7. solis: pievieno otro tekstuālo lodziņu

Lai pievienotu otro tekstuālo lodziņu, atgriezies pie rīku kastes un pievieno jaunu tekstuālo lodziņu, kā aprakstīts 1. solī. Tu vari arī dot tam nosaukumu un saturu, lai atšķirtu to no iepriekšējā.

8. solis: savienojiet tekstuālo lodziņu ar kodu aiz

Lai strādātu ar tekstuālo lodziņu kodā aiz, tev jānodrošina, ka visiem kontrolieriem, tostarp tekstuālajam lodziņam, ir nosaukums. Kodā aiz tu vari pievienot notikumu balstītu kodu. Piemēram, tu vari definēt tekstuālo lodziņu šādi savā MainWindow.xaml.cs: TextBox textboxCodeBehind = new TextBox(); textboxCodeBehind.Name = "TextboxCodeBehind";

9. solis: iestatiet tekstuālo lodziņa parametrus kodā aiz

Katram kontrolierim tavā kodā aiz jābūt konfigurētam, lai to pareizi parādītu lietotāja interfeisā. Tu vari iestatīt teksta krāsu un citas īpašības, tāpat kā tu to darītu dizainerī. Piemēram, varētu būt: textboxCodeBehind.Text = "Textbox Code Behind";

10. solis: pārbaudi lietotāja interfeisu

Sāc projektu vēlreiz, lai pārliecinātos, ka pievienotie tekstuālie lodziņi tiek parādīti, kā vēlies. Tev vajadzētu redzēt gan tekstuālos lodziņus, kurus tu izveidoji dizainerī, gan tos, kurus tu izveidoji kodā aiz.

11. solis: vingrinājumi un tālāka paplašināšana

Lai padziļinātu savas zināšanas, es iesaku izveidot papildu tekstuālos lodziņus gan dizainerī, gan kodā aiz. Eksperimentē ar dažādiem tekstiem, pozicionējumiem un izkārtojumiem, lai labāk saprastu iespējas.

Kopsavilkums - Pirmie soļi ar tekstuālajiem lodziņiem WPF

Tu tagad esi iemācījies, kā WPF izveidot, pielāgot un mainīt tekstuālo lodziņu īpašības. Trīs metodes: caur rīku kasti, XAML koda redaktoru un kodu aiz, ļauj tev elastīgi izveidot savu lietotāja interfeisu.