Microsoft Expression Blend (EB). Это пакет инструментов для проектирования и компоновки, которым дизайнеры могут пользоваться для создания XAML-файлов, которые разработчики далее могут использовать непосредственно при создании приложений. На самом деле в ЕВ предлагаются те же самые файлы решений и проектов, что и в VS и VCE, поэтому проект можно как создавать, так и затем редактировать в любой из этих сред. В ЕВ все, что требуется для редактирования файла с отделенным кодом - это дважды щелкнуть на нем окне Files (Файлы), которое является эквивалентом окна Solution Explorer в VS и VCE. На рис. 34.2 показано, как выглядит интерфейс ЕВ.

4; WPf Sciaic h Мк гмоП Е крптюп Bttnd

t I I

Puc. 34.2. Интерфейс EB

Узнать больше и загрузить демонстрационную версию ЕВ (а также версию ЕВ2, которая на момент написания настоящей книги находилась на стадии разработки) можно по адресу microsof t. com/expression/products/overview.aspx?key=blend. Однако при этом не следует забывать о том, что для написания WPF-приложений и редактирования XAML наличие ЕВ обязательным вовсе не является. На рис. 34.3 показан тот же самый проект, что и на рис. 34.2, но только загруженный в VCE.

К сожалению, отличия между файлами решений eVSu VCE версий 2005 и 2008 не позволяют работать с текущей версией ЕВ. Тем не менее, существует конфигурационная программа, с помощью которой можно конфигурировать пакет ЕВ так, чтобы он работал с VS 2008 и VCE2 008. Загрузить эту программу можно по следующему адресу:

http: blogs.msdn.com/expression/archive/2О07/05/29/working-with-visualstudio-code-name-orcas-and-expression-blend.aspx

При запуске этой программы (BlendCon figuration. ехе) нужно выбрать опцию, предусматривающую конфигурирование ЕВ под Visual Studio с кодовым именем 4)rcas .

Надеемся, что в будущих выпусках ЕВ и ЕВ2 эта проблема будет устранена.

iJ WPfScraich Mcnwon VimmI Cf 20M (щтт Евтм

rut im view Рголй Bum 0 bue DaU ГотЛ To

- /кптСРО

9 winaowua

<1члг I. P n(l cTl n for i

l-/>

</Tt u fat wrc>ui;> </t4J eJ . Bciwlvt TtM.*f С Пк>

Puc. 34.3. Интерфейс VCE

В VCE no умолчанию отображается XAML-код (о котором пока не стоит беспокоиться) и его визуализированная, предназначенная для предварительного просмотра версия в двух отдельных панелях основного окна. Окно редактора свойств выглядит несколько менее интуитивно, и при выборе в нем объектов проявляются некоторые слегка необычные особенности этого редактора. Например, на рис. 34.3 выбран элемент управления Label, но область, выделенная в окне редактора свойств, соответствует ему не совсем точно.

При запуске приложения из обеих сред результат будет выглядеть одинаково, как показано на рис. 34.4.

Рис. 34.4. Результат запуска приложения из ЕВ и VCE

Возможности, которые WPF предлагает для разработчиков приложений на С#

Как уже отмечалось в предыдущем разделе, разработчики могут создавать проекты и решения, пригодные для работы в VS или VCE, а дизайнеры - редактировать эти же проекты и решения в Expression Blend. В отличие от дизайнеров, однако, большую часть времени разработчикам доводится проводить за работой в VS или VCE.

В WPF, как уже упоминалось во вводной части этого раздела, применяется модель отделенного кода во многом так же, как и в ASP.NET. Например, добавить обработчик событий для элемента управления Button можно путем добавления к представляющему его XML-элементу атрибута Click. Этот атрибут указывает на имя обработчика событий в файле отделенного кода соответствующей XAML-страницы, который может быть написан на С#.

Обратите внимание на то, что в WPF-приложениях можно еще манипулировать элементами управления подобно тому, как это делается в приложениях Windows Forms, примененяя программные приемы для компоновки пользовательских интерфейсов. С помощью отделенного кода можно создавать экземпляр элемента управления, устанавливать свойства, присоединять обработчики событий и добавлять элемент управления в окно. Он позволяет, по сути, полностью обходить код XAML. Тме не менее, обычно он все-таки будет занимать гораздо больше места, чем соответствующий декларативный XAML-код и приводить к утрате разделения между дизайном и функциональными возможностями. Поэтому, хотя в некоторых ситуациях и бывает необходимо делать отдельные вещи программным путем, вообще для компоновки элементов управления в пользовательском интерфейсе лучше применять XAML.

В настоящей главе материал подается больше с расчетом именно на разработчиков приложений на С#. Теме WPF посвящены целые книги, а здесь вы сможете получить основные навыки, необходимые для быстрого начала работы с этой технологией, а также краткие сведения о предоставляемых ею возможностях.

Структура базового WPF-приложения

WPF является довольно интуитивно понятной технологией в плане использования, и потому наилучшим способом познакомиться с ней будет сразу же окунуться в нее и начать экспериментировать. Многие из приемов будут выглядеть уже знакомо.

В следующем практическом занятии демонстрируется пример создания простого WPF-пpL7Ioжeния, а в идущем после него разделе Описание полученных результатов выполнятся анализ кода и результатов для предоставления более четкой картины касательно того, как все это работает вместе.

L Создайте новое WPF-приложение по имени Ch34Ex01 и сохраните его в каталоге

С:\BegVCSharp\Chapter34.

2. Измените код в его файле Windowl. xaml следующим образом:

<Window

xmlns= http: schemas.microsoft.com/winfх/2006/xaml/presentation xmlns:x= http: schemas.microsoft.com/winfx/2006/xaml x:Class= Ch34Ex01.Windowl

Title= Color Spinner Height= 370 Width= 270 >