Pozdravljen, WPF!

Prvi in zelo klasičen primer v skoraj vseh programskih vodičih je primer "Pozdravljen, svet!". V tej vadnici bomo zašli in to spremenili v "Pozdravljeni, WPF!". Cilj je preprost - da se to besedilo pojavi na zaslonu in tako prikazati, kako enostavno je začeti.

V preostalem delu te vadnice predpostavljamo, da že imate nameščen IDE, po možnosti Visual Studio ali Visual Studio Comunity (V prejšnjem članku najdete navodila, kako ga pridobiti). Če uporabljate drug izdelek, boste morali navodila prilagoditi svojemu izdelku.

V programu Visual Studio začnite z izbiro New project v meniju File. Na levi strani bi morali imeti drevo s kategorijami. Kadarkoli bo vključena koda, se bo ta vodič osredotočil na C #, zato jo izberite na seznamu predlog. In ker bomo ustvarjali aplikacije za Windows, izberite drevo Windows . Na desni strani boste tako dobili seznam možnih vrst aplikacij za sistem Windows , kjer bi morali izbrati WPF Aplication. Svoj projekt sem poimenoval "HelloWPF" v polju Name. Prepričajte se, da so ostale nastavitve v spodnjem delu pogovornega okna v redu, nato pa pritisnite gumb OK .

Vaš novi projekt bo imel nekaj datotek, vendar se bomo zdaj osredotočili na samo eno: MainWindow.xaml . To je primarno okno za aplikacije, prvo, ki se prikaže ob zagonu aplikacije, razen če tega posebej ne spremenite. Koda XAML, ki jo najdemo (XAML je podrobno obravnavana v drugem poglavju te vadnice), mora izgledati nekako takole:

<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>

To je osnovni XAML, ki ga Visual Studio ustvari za naše okno, vsi njegovi deli so pojasnjeni v poglavjih XAML in "The Window". Aplikacijo lahko zaženete tudi zdaj (izberite Debug - Start debugging ali pritisnite F5 ). Prikaže se prazno okno, iz katerega je trenutno sestavljena naša aplikacija, zdaj pa je čas, da se naše sporočilo prikaže na zaslonu.

To bomo storili tako, da bomo v Grid dodali TextBlock, pri čemer bo naše prej omenjeno sporočilo kot vsebina:

<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>

Poskusite zagnati aplikacijo (izberite Debug-> Start ali pritisnite F5) in si oglejte čudovit rezultat vašega trdega dela - prvo aplikacijo WPF:

Opazili boste, da smo za TextBlock uporabili tri različne atribute. Tako smo dobili poravnavo po meri (na sredini okna), pa tudi lastnost FontSize za večje besedilo. Vsi ti koncepti bodo obravnavani v kasnejših člankih.

Iskrene čestitke za dosežek. Zdaj preberite preostali del vodiča in kmalu boste obvladali WPF!