Язык XAML

Если заглянуть в проект, написанный с использованием WPF, то обнаружим в нем множество файлов с расширением xaml. Внимательно присмотревшись можно обнаружить, что именно они определяют интерфейс приложения и для каждого окна приложения создается отдельный файл.

Аббревиатура XAML расшифровывается как e X tended A pplication M arkup L anduage и, как несложно догадаться, представляет собой XML-документ. Рассмотрим небольшой его фрагмент:

<Window x:Class="WpfApplication1.Window3"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="WPF Window" Height="300" Width="300">

<Grid Width="274">

<Button Height="23" HorizontalAlignment="Left" Margin="10,10,0,0"

Name="button1" VerticalAlignment="Top" Width="75">Button</Button>

</Grid>

</Window>

Почему же разработчики WPF решили использовать XML для описания интерфейса. В Windows Forms для этого использовался метод InitializeComponent, который создавался редактором формы. Внутри этого метода находился обычный код, то есть визуальный редактор умел автоматически создавать программный код на языке C #, описывающий интерфейс, умел читать его без компиляции проекта и отображать интерфейс на экране монитора.

Надо сказать, что со второй задачей он справлялся не очень то и хорошо. Часто проект отлично компилировался и работал, но визуальный редактор не мог прочитать им же самим написанный код и отказывался редактировать форму. Если же программист пытался самостоятельно изменить что-либо в методе InitializeComponent, то довольно часто возникали проблемы. Однако, существует и другой способ описывать интерфейс. Например, в Builder для этого использовались специальные файлы с расширением *.pdf, в которых визуальный интерфейс описывался в формате, удобном для редактора, но, увы, недокументированном и непонятном для программиста. Редактор форм всегда корректно работал, но программист был полностью лишен возможности изменить что-либо в этом файле, а некоторых вещей редактор вообще не умел делать. Например, изменять класс, от которого наследовалась форма.

Язык XAML объединяет все лучшее из обоих подходов. С одной стороны XML удобен для визуального редактора, и он всегда способен отобразить корректный файл XAML. А с другой стороны, язык XAML тщательно документирован и разработчик может вручную редактировать интерфейс, если его не устраивают возможности визуального редактора. Более того, существуют сторонние приложения, позволяющие редактировать или создавать тексты XAML. Например существует плагин для Adobe Illustrator, который позволяет сохранить векторное изображение в формате XAML.

Использование XAML для описания пользовательского интерфейса WPF открывает замечательную возможность для сотрудничества дизайнеров и программистов.

Создайте в Visual Studio новый проект WPF Application. В этот проект автоматически будет добавлено одно окно (Window1.xaml). Откройте это окно в визуальном редакторе WPF. При этом вы увидите как внешний вид окна, так и соответствующую ему разметку XAML.

1.4. Создание простого WPF- приложения

1.4.1. Создание проекта WPF

Создайте в Visual Studio новый проект WPF Application. В этот проект автоматически будет добавлено одно окно (Window1.xaml). Откройте это окно в визуальном редакторе WPF. При этом вы увидите как внешний вид окна, так и соответствующую ему разметку XAML.

Обратите внимание, что внутри окна " XAML "находится контейнер Grid:

<Window x:Class="WpfExcercise.Window1"

xmlns="http://schemas.microsoft.com/winfx/2006/ xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="Window1" Height="300" Width="300">

<Grid>

</Grid>

</Window>