Ostatnia aktualizacja: 31.10.2015

Zacznijmy Visual Studio Express 2013 dla systemu Windows. Wybierz Plik->Nowy projekt... z menu. Przed nami otworzy się okno tworzenia projektu:

Po lewej stronie okna wybierz Visual C#->Store Apps->Windows Phone Apps. A spośród szablonów nowego projektu wybierz Pusta aplikacja (Windows Phone) , nadaj projektowi nazwę, na przykład nazwijmy go HelloApp. I kliknij OK.

A Visual Studio stworzy nowy projekt:

Projekt szablonu Pusta aplikacja ma domyślnie następujące węzły:

    Katalog aktywów zawierający używane pliki obrazów

    App.xaml i App.xaml.cs — odpowiednio plik zasobów aplikacji xaml i plik kodu aplikacji c#

    MainPage.xaml i MainPage.xaml.cs — odpowiednio plik GUI okna aplikacji i plik kodu okna w c#

    Package.appxmanifest - plik manifestu aplikacji

Na tym początkowym etapie na razie pliki mają dla nas wartość Strona główna.xaml oraz Strona główna.xaml.cs. Otwórzmy plik MainPage.xaml, który reprezentuje GUI:

Po lewej stronie w postaci telefonu będziemy mieli okno grafika. Po prawej stronie znajduje się okno znaczników interfejsu graficznego w xaml. Interfejs graficzny w tym przypadku jest reprezentowany przez klasę MainPage, która jest osobną stroną. Wszystkie wprowadzone przez nas zmiany w interfejsie zostaną od razu wyświetlone w grafice, co da nam wizualne zrozumienie, jak ostatecznie wszystko będzie wyglądało.

Załóżmy, że nasza aplikacja obliczy kwotę kaucji po naliczeniu odsetek. W tym celu potrzebujemy pola do wpisania kwoty wpłaty, pola do wyświetlenia wyniku oraz przycisku, za pomocą którego rozpoczniemy naliczanie kwoty końcowej. Zmieńmy więc kod pliku Strona główna.xaml w następujący sposób: