Hello, WPF! (Bună WPF)

Clasicul exemplu in orice tutorial de limbaj de programare este exercitiul "Hello, world!", dar in acest tutorial vom fi creativi si il vom schimba in "Hello, WPF!". Scopul este de a afisa acest text pe ecran, pentru a demonstra cat de usoara este initierea in WPF.

Acest tutorial pleaca de la premiza ca exista un IDE instalat, de preferat Visual Studio sau Visual Studio Community (vedeti articolul anterior pentru instructiuni si cum se poate obtine). Daca folositi alt produs, va trebui sa va adaptati la instructiunile produsului dvs.

In Visual Studio, se incepe prin selectarea New Project din meniul File . In partea stanga exista o ramificatie de categorii. Acest tutorial se va focaliza pe C# de fiecare data cand e vorba despre cod, de aceea trebuie selectat C# din lista de template-uri, iar din moment ce vom crea aplicatii Windows, vom alege Windows din arbore. Aceasta selectie va afisa o lista de posibile tipuri de aplicatii Windows in partea dreapta, de unde se va selecta WPF Application . Vom numi proiectul "HelloWPF" in campul Name . Dupa verificarea corectitudinii celorlalte setari din partea de jos a ferestrei, se va apasa pe Ok .

Noul proiect va contine cateva fisiere dar noi ne vom ocupa acum de unul dintre ele: MainWindox.xaml. Aceasta este ferastra principala a aplicatiei, cea care este afisata/deschisa prima la pornirea aplicatiei (daca nu este schimbata cu alta in mod explicit). Codul XAML pe care-l contine (detalii despre XAML veti gasi intr-un alt capitol al acestui tutorial) arata cam asa:

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Grid>

    </Grid>
</Window>

Aceasta e baza XAML pe care Visual Studio o creaza pentru window-ul nostru, toate partile lui sunt explicate in capitolele XAML si "The Window". Acum poti sa rulezi aplicatia (selectezi Debug -> Start debugging sau apesi F5) si vei vedea o fereastra goala din care este constituita aplicatia noastra, dar acum e timpul sa punem un mesaj pe ecran.

Vom face asta adaugand un control TextBlock panoul Grid, cu mesajul mentionat mai sus drept continut:

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Grid>
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="72">
            Hello, WPF!
        </TextBlock>
    </Grid>
</Window>

Încercați acum să rulați aplicația (selectați Debug - > Porniți depanarea sau apăsați F5 ) și vedeți rezultatul frumos al muncii dvs. - prima dvs. aplicație WPF:

Veți observa că am folosit trei atribute diferite la TextBlock pentru a obține o aliniere personalizată (în mijlocul ferestrei), precum și proprietatea FontSize pentru a obține un text mai mare. Toate aceste concepte vor fi tratate în articole ulterioare.

Felicitări că ați ajuns atât de departe. Acum, citiți restul tutorialului și, în curând, veți stapâni WPF!