Исследование методов построения пользовательских интерфейсов
Дипломная работа - Компьютеры, программирование
Другие дипломы по предмету Компьютеры, программирование
работу с этой средой более удобной для проектировщиков, использующих визуальные средства.
6) Поддержка сервера Visual Studio Team Foundation Server упрощает пользователям Expression Blend интеграцию с Visual Studio Team System. Усовершенствованные функции анимации и удаления, трехмерные преобразования, визуальные эффекты и улучшенный диспетчер видимых состояний предоставляют удобную среду для работы.
А также многие другие возможности, повышающие эффективность разработки и проектирования.
Раздел 2.3 Работа в Microsoft Expression Blend
Expression Blend представляет широкие возможности дизайнеру и разработчику, создающему собственные приложения или заказное ПО. С помощью MS EB можно создавать:Application (.exe) - клиентское приложение, построенне на WPF; данный тип проекта является приложением только для Windows.Control Library - DLL-файл, который может использоваться для элементов управления, используемых совместно приложениями WPF; данный тип проекта является приложением только для Windows.1 Site - Веб-сайт, использующего элемент управления Silverlight. В этом случае создается многоплатформенное приложение.2 Application - Silverlight-приложения, основанного на среде выполнения Silverlight 2. Это приложение включает среду выполнения .NET Framework. В этом случае создается многоплатформенное приложение.
Редактор может работать в трех режимах:
"Design" - поддержка визуальных средств рисования, а генерация кода осуществляется средой;
"XAML" - поддержка редактора кода;
"Split" - доступны как визуальные средства, так и редактор кода (Рисунок 7).
Рисунок 7 - Режим Split MS Expression Blend
пользовательский интерфейс expression blend
2.3.1 Интерфейс Blendимеет современный интерфейс, привычный как дизайнерам графикам, так и веб-дизайнерам.
Рабочее пространство разделено на три основные части (Рисунок 8).
Рисунок 8 - Рабочее пространство Microsoft Expression Blend: панель инструментов (слева скраю), панели Interaction и Objects and Timeline (слева), основное рабочее пространство с панелью инструментов и вкладками переключения вида Design, XAML или Split посередине и панель Results в центре снизу и панели Project, Properties, Resourses и Data справа.
Все панели могут настраиваться по желанию разработчика. Blend использует большое количество горячих клавиш хорошо известных всем дизайнерам, работающим с графическими программами от Adobe.
Панель инструментов включает в себя основные инструменты создания и редактирования графики, а также специфичные для Blend инструменты и библиотеки стандартных и пользовательских элементов (System Controls, Simple Styles).
2.3.2 Инструменты рисования
Инструменты для построения и редактирования векторной графики типичны для многих векторных редакторов и позволяют:
использовать редактор кривых, инструмент выделения (Selection) и инструмент непосредственного выделения (Direct Selection), а также инструменты для построения простых геометрических форм
создавать составные векторные объекты (Compound paths);
создавать векторные объекты посредством логических операций (Combining paths)
переводить шрифт в векторный объект (Convert to Path);
кадрировать как растровое, так и векторное изображение (Clipping paths);
создавать маски прозрачности (Opacity masks).
Настройка свойств графических элементов, имеет ряд особенностей, делающих работу дизайнера более удобной, и позволяет достигнуть большей гибкости при построении интерфейса по сравнению с обычными (классическими) способами.
С помощью инструментов редактирования и задания свойств элементов интерфейса можно добиться их любого внешнего вида и функционала. Свойства можно конвертировать в ресурсы и многократно применять к различным объектам.имеет стандартный редактор цветов позволяющий оперировать четырьмя цветовыми моделями: RGB, HLS, HSB и CMYK, а так же специальный инструмент для настройки градиентов (Brush transform tool) и инструменты для переноса свойств объектов (Eyedropper и Paint Bucket). Также присутствуют специальные растровые эффекты. Все фильтры работают в реальном масштабе и времени, могут применяться ко всем без исключения интерфейсным элементам, в том числе и генерируемым на лету.
2.3.3 Работа с текстомявляется специализированным инструментом для построения пользовательских интерфейсов и имеет несколько типов текстовых объектов:
Текстовое поле (TextBox)
Текстовое поле с расширенными возможностями (RichTextBox)
Текстовый блок (TextBlock)
Поле пароля (PasswordBox)
Метка (Label)
Текстовый блок с расширенным содержимым и полосой прокрутки (FlowDocumentScrollViewer)
Настройки текста зависят от типа объекта и его функциональности.
.3.4 Библиотека интерфейсных элементов
Библиотека интерфейсных элементов (Рисунок 9) содержит все типы стандартных интерфейсных элементов, специфические элементы Blend и элементы, содержащиеся в стиле SimpleStyles.
Рисунок 9 - Список интерфейсных элементов, доступных из встроенной библиотеки
Элементы подразделяются на следующие категории:
Панели разметки (Layout Panels), используются как контейнеры для других элементов, определяя их местоположение относительно друг друга.
Интерфейсные элементы (Controls).
Построение интерфейса в общем случае сводится к переносу интерфейсных элементов из библиотеки на рабочее пространство с последующей их компоновкой.
Раздел 2.4 Создание интерфейсов в Expression Blend
обладает разветвленными возможностями для построения качественных интерфейсов и поддерживает создание пользовательских библиотек-стилей, содержащих интерфейсные элементы с заранее заданным внешним видом и поведе