Helló, WPF!

Az első és nagyon klasszikus példa majdnem minden programozási tutoriálban a "Helló Világ!" példa, de ebben a tutoriálban őrültek leszünk és megváltoztatjuk ezt "Helló, WPF!"-re helyette. A cél egyszerűen csak az hogy ezt a darab szöveget kijuttassuk a képernyőre, hogy megmutassuk neked mennyire könnyű elindulni.

A továbbiakban a tanfolyam anyaga feltételezi, hogy telepítettél egy integrált fejlesztői környezetet (IDE). Előnyösebb a Visual Studio vagy Visual Studio Community verziók használata (lásd az előző fejezetet, hogyan szerezheted be ezeket). Amennyiben más terméket használsz, akkor az utasításokat az adott termék használatához kell igazítanod.

Visual Studio-ban, kezd a New project kiválasztásával a File menüpontból. Bal oldalon egy ágszerű listának kéne lennie a kategóriákból. Ebben a tutoriálban a C#-ra fókuszálunk mikor kódról van szó, szóval válaszd ki azt a sablonok (template) listájából, és mióta Windows applikációkat fogunk készíteni, a Windows-ot kéne kiválasztanod az ágról. Ez jobb oldalon egy listát fog adni a lehetséges Windows applikáció típusokról, ahol a WPF Application-t kellene kiválasztanod. Én "HelloWPF"-nek neveztem el a Name szövegmezőben. Győződj meg róla hogy az ablak alsó részén a többi beállítás is megfelel, és nyomj az Ok gombra.

Az új projekted tartalmazni fog egypár fájlt, de mi most csak egyre fogunk koncentrállni: MainWindox.xaml. Ez az applikáció fő ablakja, az elsőként megjelenő ablak az applikáció indításakor, hacsak specifikusan nem változtatod meg. A benne található XAML (az XAML a tutoriál egy másik fejezetében van részeletessebben tárgyalva) valahogy így kell hogy kinézzen:

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

Ez az alap XAML amit a Visual Studio hoz létre az ablakunkhoz, az összes része el van magyarázva a XAML és "A Window"-ról szóló fejezetekben. Tulajdonképpen már most futtathatod az applikációt (válasszd ki a Debug -> Start debugging vagy nyomd meg az F5-öt) hogy egy üres ablakot láthass, amiből a jelenlegi aplikációnk áll, de itt az ideje hogy kijuttassuk az üzenetünket a képernyőre.

Ezt egy TextBlock controlnak a Grid-hez való hozzáadásával fogjuk megoldani, és tartalomként a fent említett üzenetet használjuk:

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

Most próbálld futtatni az applikációt (válasszd a Debug -> Start debugging-ot vagy nyomd meg az F5-öt) és lásd a gyönyörű eredményét a kemény munkádnak - a te első WPF applikációd:

Észre fogod venni hogy három különböző attribútumot használtunk a TextBlock-on, hogy tetszésünk szerint eligazítsuk (az ablak közepére), a FontSize tulajdonságot, hogy nagyobb szöveget kapjunk. Az összes ilyen konceptek kezelve lesznek a későbbi cikkekben.

Gratulálok hogy idáig eljutottál. Most menj és olvasd el a tutoriál többi részét és lassan fújni fogod az egész WPF-t!