Posledná aktualizácia: 31.10.2015

Začnime Visual Studio Express 2013 pre Windows. Z ponuky vyberte Súbor->Nový projekt.... Pred nami sa otvorí okno na vytvorenie projektu:

Na ľavej strane okna vyberte Visual C#->Aplikácie obchodu->Aplikácie Windows Phone. A medzi šablónami nového projektu vyberte Prázdna aplikácia (Windows Phone) , pomenujte projekt, napríklad, nazvime ho HelloApp. A kliknite na tlačidlo OK.

A Visual Studio vytvorí nový projekt:

Projekt šablóny prázdnej aplikácie má predvolene tieto uzly:

    Adresár Assets obsahujúci použité obrazové súbory

    App.xaml a App.xaml.cs – súbor prostriedkov aplikácie xaml a súbor kódu aplikácie c#, v tomto poradí

    MainPage.xaml a MainPage.xaml.cs - súbor GUI okna aplikácie a súbor kódu okna v c#, resp.

    Package.appxmanifest - súbor manifestu aplikácie

V tejto počiatočnej fáze sú pre nás zatiaľ cenné súbory MainPage.xaml a MainPage.xaml.cs. Otvorme súbor MainPage.xaml, ktorý predstavuje GUI:

Naľavo v podobe telefónu budeme mať okno grafického dizajnéra. Vpravo je okno označenia grafického rozhrania v xaml. Grafické rozhranie v tomto prípade predstavuje trieda MainPage, čo je samostatná stránka. Všetky zmeny rozhrania, ktoré vykonáme, sa okamžite zobrazia v grafickom dizajnérovi, čo nám umožní vizuálne pochopiť, ako bude všetko nakoniec vyzerať.

Povedzme, že naša aplikácia vypočíta výšku vkladu po vypočítaní úrokov. Potrebujeme k tomu pole pre zadanie výšky príspevku, pole pre zobrazenie výsledku a tlačidlo, ktorým spustíme výpočet konečnej sumy. Poďme teda zmeniť kód súboru MainPage.xaml nasledujúcim spôsobom: