Getting Started with Windows Presentation Foundation

Getting Started with Windows Presentation Foundation

This tutorial provides a simple introduction to the development of a Windows Presentation Foundation (WPF).

1. Create the Application Code Files
   
   In this step, you create the application infrastructure, which includes an application definition, two pages, and an image.
   Create a new XAML markup file called App.xaml. This file defines a WPF application, and you also use it to specify the UI to automatically show when the application starts; in this case, HomePage.xaml (created in the next step). Your XAML markup should look like this:
   XAML
   
   <Application x:Class="Application"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    StartupUri="Window1.xaml">
       <Application.Resources>
    
       </Application.Resources>
   </Application>
    
2. Create a new XAML markup file called HomePage.xaml, which will be the first page that is displayed when the application is launched. HomePage.xaml will show a list of people from which a user can select a person to show an expense report for. Add a Page element to HomePage.xaml, with the following configuration:
   
   • The title bar of the browser is "ExpenseIt".
   • The width of the browser is 550 device-independent pixels.
   • The height of the browser is 350 device-independent pixels.
   • The title of the page is "ExpenseIt - Home".
   
   Your XAML markup should look like this:
   
   <Page
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   x:Class="ExpenseIt.HomePage"
   WindowTitle="ExpenseIt"
   Title="ExpenseIt - Home"
   WindowWidth="550" WindowHeight="380">
   </Page>
    
3. Create a new code file called HomePage.xaml.cs. This file will be a code-behind file that contains code to handle the events declared in HomePage.xaml. Your code should look like this:
   
   C#
   
   using System;
   using System.Windows;
   using System.Windows.Controls;
   using System.Windows.Navigation;
   namespace ExpenseIt
   {
       public partial class HomePage : Page
       {
           public HomePage()
           {
               InitializeComponent();
           }
       }
   }