Utolsó frissítés: 2015.10.31

Indítsuk el a Visual Studio Express 2013 for Windows alkalmazást. Válassza a Fájl->Új projekt... menüpontot a menüből. Megnyílik előttünk a projekt létrehozási ablaka:

Az ablak bal oldalán válassza a lehetőséget Visual C#->Store Apps-> Windows Phone Apps. Az új projekt sablonjai közül pedig válaszd ki az Üres alkalmazást (Windows Phone) , adj valami nevet a projektnek, nevezzük például HelloApp-nak. És kattintson az OK gombra.

És a Visual Studio létrehoz egy új projektet:

Az Üres alkalmazássablon projekt alapértelmezés szerint a következő csomópontokkal rendelkezik:

    A felhasznált képfájlokat tartalmazó Assets könyvtár

    App.xaml és App.xaml.cs – xaml alkalmazás erőforrásfájl és c# alkalmazáskód fájl

    MainPage.xaml és MainPage.xaml.cs – alkalmazásablak GUI-fájlja, illetve ablakkódfájlja c#-ban

    Package.appxmanifest – az alkalmazás jegyzékfájlja

Ebben a kezdeti szakaszban egyelőre a fájlok értékesek számunkra Főoldal.xamlés Főoldal.xaml.cs. Nyissuk meg a MainPage.xaml fájlt, amely a grafikus felhasználói felületet képviseli:

Bal oldalon egy telefon formájában egy grafikus ablakot kapunk. A jobb oldalon található a grafikus felület jelölőablakja az xaml-ben. A grafikus felületet ebben az esetben a MainPage osztály képviseli, amely egy külön oldal. Minden általunk végrehajtott interfész-módosítás azonnal megjelenik a grafikusban, ami vizuálisan megérti, hogyan fog kinézni minden.

Tegyük fel, hogy az alkalmazásunk a kamat kiszámítása után kiszámolja a betét összegét. Ehhez szükségünk van egy mezőre a hozzájárulás összegének megadására, egy eredmény megjelenítésére szolgáló mezőre és egy gombra, amellyel a végösszeg kiszámítását kezdeményezzük. Tehát változtassuk meg a fájl kódját Főoldal.xaml a következő módon: