Создание приложений wpf

В следующих разделах содержатся сведения для выполнения определенных задач для приложений Windows Presentation Foundation (WPF), таких как создание пользовательского интерфейса WPF с элементами управления и написание обработчиков событий.

Создание пользовательского интерфейса для приложения wpf

Создание пользовательского интерфейса для приложения Windows Presentation Foundation (WPF) аналогично такому же процессу для приложения Windows Forms. Он заключается в перетаскивании элементов управления из панели элементов на поверхность разработки. Интегрированная среда разработки имеет отличия в приложениях WPF. Кроме окна Свойства и панели элементов, IDE WPF располагает редактором XAML. XAML — это язык XAML (расширяемый язык исправления³¹ для приложений), используемый для создания пользовательского интерфейса. На следующем рисунке изображено расположение редактора XAML.

Редактор XAML

Just as you can create a control by writing code manually in Windows Forms development, you can use XAML markup to create controls. In most cases, you would not write XAML to create controls; it is much easier to drag the controls from the Toolbox and let Visual C# Express Edition generate the XAML for you. You can then modify the XAML markup to change attributes of the control, such as its Height or Text. For example, the following XAML markup resembles the markup that is generated when you double-click a Button control to add it to a WPF window.

<Button Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="Button1" VerticalAlignment="Top" Width="75">Button</Button>

By default, attributes that you can modify, such as the width and height, appear in red font color. You can change the values directly in the XAML markup, as shown in the following example.

<Button Height="30" HorizontalAlignment="Left" Margin="10,10,0,0" Name="Button1" VerticalAlignment="Top" Width="60">Submit</Button>

To create a wpf application

1. On the File menu, click New Project.

2. In the New Project dialog box, click WPF Application.

3. In the Name box, type WPF Application, and then click OK.

A new WPF project is created. A new window named Window1 appears, and its XAML markup is visible in the XAML editor of the Visual C# Express Edition IDE.

4. Click Window1 to select it.

5. In XAML view,change the Title attribute of the Window element to WPF Application.

The text in the title bar of Window1 changes to WPF Application.

Аналогично созданию элемента управления путем написания кода при разработке Windows Forms, разметку XAML также можно использовать для создания элементов управления. В большинстве случаев писать на XAML для создания элементов управления не придется — гораздо проще перетащить элементы из панели элементов и позволить Visual C# создать XAML. Затем разметку XAML можно отредактировать, чтобы изменить атрибуты элемента управления, такие как Высота или Текст. Например, следующая XAML-разметка заменяет разметку, которая создается при двойном щелчке элемента управления Button с целью его добавления в окно WPF.

<Button Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="Button1" VerticalAlignment="Top" Width="75">Button</Button>

По умолчанию изменяемые атрибуты (например, "Ширина" и "Высота") выделены красным цветом. Изменить значения можно непосредственно в разметке XAML, как показано в следующем примере.

<Button Height="30" HorizontalAlignment="Left" Margin="10,10,0,0" Name="Button1" VerticalAlignment="Top" Width="60">Submit</Button>