Microsoft Expression
25Expression Blend --- Основы работы --- Microsoft Expression
Microsoft Expression как семейство программных продуктов было впервые продемонстрировано на Конференции профессиональных разработчиков (PDC — Professional Developers Conference) в 2005 году, но лишь в 2007 году корпорация Microsoft сделала общедоступным первый выпуск инструментальных средств из этого семейства. Семейство программных продуктов Expression представляет собой ряд приложений, предназначенных для тех пользователей, которые профессионально занимаются графическим оформлением, но этими продуктами все чаще стали пользоваться и разработчики программного обеспечения.
На момент написания этой статьи семейство Expression состояло из четырех программных продуктов (Expression Web, Expression Encoder, Expression Design и Expression Blend), которые можно было приобрести вместе с пакетом программ Microsoft Expression Studio Ultimate.
Вам, вероятно, будет приятно узнать, что если у вас или вашей организации имеется подписка на MSDN (собрание документов корпорации Microsoft, содержащее сведения обо всех ее разработках), то Expression Studio Ultimate входит в ваш текущий пакет программ. Но даже если у вас нет законной подписки на MSDN, вам все равно будет приятно узнать, что вы можете загрузить пробную версию Expression Studio Ultimate, действующую в течение 60 дней, по следующему адресу: http://www.microsoft.com/en-us/download/details.aspx?id=5915.
Строго говоря, для изучении материала требуется только копия Expression Blend. Но если вы стремитесь к тому, чтобы научиться внедрять сложную векторную графику в приложения WPF или Silverlight, настоятельно рекомендую установить также копию Expression Design. Все члены семейства Expression кратко рассматриваются ниже.
Назначение Expression Web
Инструментальное средство Expression Web позволяет создавать готовые для эксплуатации и стандартизованные веб-сайты в режиме визуальной разработки. Несмотря на то что это инструментальное средство веб-разработки от корпорации Microsoft, оно не накладывает никаких ограничений на применение только на платформе ASP.NET или ASP.NET AJAX, хотя поддержка платформы NET реализована в Expression Web отлично.
По желанию можете воспользовался интегрированными редакторами страниц и исходного кода для создания веб сайтов средствами PHP, HTML/XHTML, XML/XSLT, CSS, JavaScript, а также с помощью компонентов Adobe Flash и Windows Media.
В состав Expression Web входит также сопутствующий программный продукт Super Preview. Этот компонент Expression Web существенно упрощает тестирование создаваемых веб-сайтов в нескольких наиболее распространенных браузерах, работающих как в Windows, так и в Mac OS. Если у вас имеется некоторый опыт веб-разработки, то вам наверно известно, каких нервов стоит обеспечение правильного функционирования веб-страниц в разных программных средах. Применяя Expression Web и SuperPreview, вы получаете в свое распоряжение солидный набор инструментальных средств, помогающих благополучно справиться с подобной задачей и сберечь свои нервы.
Назначение Expression Encoder
Expression Encoder это инструментальное средство, предоставляющее удобную платформу для импорта, редактирования и усовершенствования видеоматериалов, кодированных и самых разных форматах файлов, включая AVI, WMV, WMA, QuickTime MOV (если установлен проигрыватель QuickTime), MPEG, VC-1 и H.264.
Так, например с помощью Expression Encoder можно создать на профессиональном уровне учебный видеоматериал, настроенный на воспроизведение в потоковом режиме в приложении Silverlight или WPF. Кроме того, Expression Encoder можно использовать для создания мультимедийных средств, плавно интегрируемых в приложения Silverlight или WPF посредством закладок и специально настраиваемых обложек.
Назначение Expression Design
Инструментальное средство Expression Design разработано корпорацией Microsoft с целью составить конкуренцию таким программным продуктам компании Adobe Systems, как Illustrator and Photoshop. (На самом деле в Expression Design и Expression Blend можно импортировать файлы изображений в форматах Illustrator и Photoshop — этих двух основных приложений для графического оформления.) По существу, инструментальное средство Expression Design позволяет художникам-оформителям создавать изысканные образцы векторной графики.
Как и следовало ожидать, Expression Design дает художникам-оформителям возможность сохранять результаты своих трудов в самых разных стандартных форматах файлов, включая PNG, JPEG, GIF, TIFF и пр. Но самое интересное, что Expression Design позволяет также сохранять графические данные в формате XAML для приложений WPF и Silverlight.
Вам, вероятно, известно, что расширяемый язык разметки приложений (XAML) основывается на синтаксисе языка XML для описания состояния графического или другого объекта на платформе .NET. Например, в приведенном ниже фрагменте кода разметки на языке XAML описывается внешний вид векторного изображения Данный пример показывает, как с помощью всего лишь нескольких строк кода XAML можно создать привлекательные эффекты падающей тени и сложного радиального градиента, заполняющего участок внутри круга:
<Ellipse Stretch="Uniform" Margin="5" Stroke="#FF0B17D6"
StrokeThickness="7">
<Ellipse.Effect>
<DropShadowEffect Color="#FFB7B8E0" BlurRadius="6" ShadowDepth="11"></DropShadowEffect>
</Ellipse.Effect>
<Ellipse.Fill>
<RadialGradientBrush GradientOrigin="0.38,0.304">
<GradientStop Color="#FF111EE0" Offset="0"></GradientStop>
<GradientStop Color="#FFC5C7E0" Offset="1"></GradientStop>
<GradientStop Color="#FF4750DA" Offset="0.526"></GradientStop>
</RadialGradientBrush>
</Ellipse.Fill>
</Ellipse>
Предоставляя возможность сохранять векторную графику в формате XAML, Expression Design существенно упрощает разработчикам задачу внедрения профессионально оформленной графики в существующее приложение и ее взаимодействия с данными посредством кода. В частности, художник-оформитель может создать стилизованный двухмерный лабиринт для видеоигры. Сохранив эти графические данные в формате XAML, он может затем импортировать их в проект Expression Blend (или Visual Studio 2010) и дополнить стилизованной анимацией, поддержкой проверки местоположения курсора мыши и прочими средствами.
Назначение Expression Blend
Expression Blend представляет собой компонент, предназначенный для разработки приложений WPF или Silverlight на промышленном уровне. Это инструментальное средство генерирует большой объем кода XAML, требующегося для прикладных программ. И хотя аналогичную разметку можно выполнить вручную, используя разнообразные средства разработки, начиная с текстового редактора WordPad и кончая интегрированной средой Visual Studio 2010, вы можете избавить себя от хронических судорог в кистях рук, воспользовавшись многословным характером синтаксиса XAML, основанного на языке XML.
Возможности Expression Blend выходят далеко за рамки относительно простой поддержки редактирования кода XAML в Visual Studio 2010, предоставляя развитые инструментальные средства для компоновки и настройки элементов управления, создания анимационных последовательностей, специальных стилей оформления и шаблонов, построения новых классов UserControl из имеющейся векторной графики, визуальной разработки шаблонов данных, назначения различных режимов работы и визуальных состояний для элементов пользовательского интерфейса и выполнения многих других полезных операций.
Несмотря на то что в состав Expression Blend входит упрощенный редактор кода C# и VB, вы вряд ли будете разрабатывать весь свой код на платформе .NET в подобной интегрированной среде в силу ее довольно ограниченных в этом отношении возможностей.
В частности, в ней не поддерживается отладка кода. Правда, проект в Expression Blend имеет тот же самый формат, что и родственный ему проект в Visual Studio 2010. Следовательно, работу над новым проектом можно начать в Expression Blend с разработки пользовательского интерфейса, а затем открыть этот проект в Visual Studio 2010 для реализации, отладки, тестирования и компоновки сложного кода приложения.
Как правило, подавляющая часть приложений WPF или Silverlight строится в каждой из упомянутых выше интегрированных сред в цикле их разработки.
Помимо инструментальных средств, предоставляемых для построения изящно оформленных пользовательских интерфейсов, в состав Expression Blend входит набор инструментов, позволяющих оперативно создавать прототипы приложений средствами SketchFlow. Этот компонент Expression Blend дает возможность быстро и эффективно имитировать и определять последовательность операций в пользовательском интерфейсе приложения, компоновку экранов и переход из одного состояния приложения в другое.
На рисунке приведен пример проекта SketchFlow:
