XAML с нуля – часть 1

Аз есмь соискатель на вакансию верстальщика экранных форм в одной очень известной в узких кругах неважно, в какой компании. Любопытность моего положения состоит в том, что в данном направлении я совершенно не имею опыта. Пытаясь найти актуальную, свежую и понятную информацию по xaml (а именно с ним мне и придётся работать, как ни странно), я обнаружил, что в интернетах довольно сложно найти пособие для людей с нулевым моим уровнем знаний по кодингу в чём-либо. В связи с этим я пришёл к выводу, что неплохо бы создать свою собственную историю изучения xaml, которая могла бы пригодиться таким же лоботрясам, которые в кои-то веки решили заняться чем-то стоящим. Итак, начнём.

Что за зверь такой, XAML?

wiki:

XAML – (англ. eXtensible Application Markup Language — расширяемый язык разметки [для] приложений; произносится [замл] или [зэмл]) — основанный на XML язык разметки для декларативного программирования приложений, разработанный Microsoft.

В этом довольно страшном для взгляда обывателя определении можно вычленить три очень важные для понимания природы нашего зверя части:

1. «Основанный на XML» – эта часть означает, что сразу создавать ничего не стоит. Для начала нужно познакомиться с собственно XML'ем. Это можно сделать прочитав, например:
   
   • Сетевой учебник eng;
   • Книгу «Изучаем XML» (Эрик Рэй) rus;
   • Несколько устаревшее пособие с ужасной конвертацией из pdf, в котором, правда, всё довольно понятно и по полочкам разъяснено rus.
2. «Язык разметки» – это означает, что мы вот этими вот руками будем писать код, описывающий, что и каким образом следует отображать в приложении.
3. «Для декларативного программирования» – а эта часть говорит нам, что нам не придётся детально описывать, КАК мы хотим получить тот или иной результат, зато придётся предельно ясно объяснить, ЧТО мы хотим получить на выходе.

Первые шаги

Для начала нам нужна Visual Studio (ссылка на скачивание Visual Studio Ultimate 2012), для которой понадобится около 9 Гб свободного места на диске.
Запускаем VS и создаём новый проект (Ctrl+Shift+N) «Приложение Silverlight» и видим разбитый на области интерфейс. Сейчас нас особенно интересует область с XAML-кодом, в которой уже что-то написано, а именно:
<UserControl x:Class="SilverlightApplication1.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="400">

<Grid x:Name="LayoutRoot" Background="White">




Для того чтобы понять, что здесь написано, и для работы с Silverlight нам понадобится сделать что-то из этого списка:

• Посмотреть видео и туториалы от майкрософта eng;
• Покурить форум, посвящённый Silverlight (особенно полезна будет вот эта тема) rus;
• Посмотреть множество видео на сайте techdays.ru rus;
• Посмотреть не очень полезное, но довольно интересное видео rus.

Если мы достаточно усердно пытались что-то узнать, то мы поймём, что UserControl – это, оказывается, элемент верхнего уровня. Он нужен для того, чтобы задать области имён (xmlns), которые, в свою очередь, нужны для того, чтобы описать объекты, которые мы сможем в дальнейшем использовать; а также [UserControl нужен] для того, чтобы в него все остальные объекты складывать. Grid (сетка) – это вложенный элемент, в который мы можем вкладывать другие элементы, например кнопку (Button) или текстбокс (TextBox).

В принципе, для знакомства с xaml материала достаточно, и теперь нам осталось только закрепить результат выполнением простого задания:
Создать диалоговое окно с кнопкой «Hodor», при нажатии на которую будет добавляться текст с надписью «Hodor!», например.