TOC

This article has been localized into Hungarian by the community.

Fogjunk hozzá:

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 tutoriál további része feltételezi hogy van egy IDE-d telepítve, lehetőleg Visual Studio vagy Visual Studio Express (lássd az előző cikket hogy hogyan szerezd be). Ha más terméket használsz, alkalmazni fog kellenened tudni a másik termékhez az instrukciókat.

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 a Debug -> Start debugging-ot 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!

This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!