Панель Properties

Expression Blend --- Основы работы --- Панель Properties

Теперь, когда вы знаете, каким образом отдельные элементы пользовательского интерфейса выбираются на панели Objects and Timeline, перейдем к рассмотрению панели Properties (Свойства), располагаемой по умолчанию с правой стороны в рабочем окне Expression Blend.

Аналогично окну Properties в среде Visual Studio 2010, этот компонент Expression Blend позволяет видоизменять выбранный элемент самыми разными способами. Однако, если видоизменить выбранный элемент на монтажном столе, например, перетащить его в другое место мышью, связанные с ним свойства на панели Properties будут обновлены. Но в любом случае исходная разметка в коде XAML видоизменяется автоматически в среде Expression Blend.

Панель Properties разделяется на различные категории свойств, каждая из которых может быть развернута или свернута независимо от остальных. Конкретные категории свойств будут динамически изменяться на панели Properties в зависимости от того, что именно выбрано в настоящий момент в визуальном конструкторе.

Так, если выбрать все окно или только отдельный элемент управления пользовательского интерфейса, на панели Properties появится целый ряд категорий свойств (в основном в свернутом виде), в том числе Brushes (Кисти), Appearance (Внешний вид), Layout (Компоновка) и Common Properties (Общие свойства). На рисунке ниже представлены те категории свойств, которые обычно появляются на панели Properties при выборе самого верхнего объекта типа UserControl на панели Objects and Timeline:

Именование и поиск объектов

Рассмотрим вкратце самую верхнюю часть панели Properties, где находится текстовое поле Name. Нетрудно догадаться, что в этом поле указывается значение для свойства Name (Имя) конкретного элемента XAML, что дает возможность манипулировать им непосредственно в исходном коде проекта. Непосредственно под этим полем находится текстовое поле Search (Поиск), помогающее быстро найти нужное свойство по имени, вместо того, чтобы искать его вручную по категориям.

Для проверки такой возможности введите в текстовом поле Search значение height (высота). По мере ввода этого значения на панели Properties будут появляться те свойства, которые полностью или частично совпадают с заданным критерием поиска, как показано на рисунке. Если же очистить текстовое поле Search, все категории свойств появятся снова:

Краткий обзор категорий свойств

Прорабатывая материал данного руководства по Expression Blend, вы раскроете для себя целый ряд важных свойств панели Properties в контексте конкретной темы, будь то графика, компоновка, элементы управления, анимация и т.д. Но для начала ознакомьтесь с кратким описанием назначения наиболее часто используемых категорий свойств, приведенных в ниже:

Appearance

Определяются общие свойства визуализации, в том числе непрозрачность, видимость и применяемые графические эффекты (размывание, падающая тень и пр.)

Brushes

Предоставляется доступ к визуальному редактору кистей

Common Properties

К этой категории относятся свойства, общие для большинства элементов пользовательского интерфейса, в том числе всплывающие подсказки, индексы перехода по табуляции, местоположение контекста данных (для операции привязки данных)

Layout

Обычно правятся свойства, определяющие физические размеры элементов управления, в том числе высоту, ширину, поля и пр.

Miscellaneous

К этой категории, по существу, относятся все остальные свойства, доступные на панели Properties. Но самое главное, что в ней можно задать конкретный стиль оформления или шаблон для выбранного элемента

Text

Настраиваются текстовые свойства выбранного элемента, в том числе параметры шрифтового оформления, разбиение на абзацы и отступы

Transform

Допускается выполнение графических преобразований над выбранным элементом, в том числе вращение, поворот на заданный угол, смещение и пр.

Доступ к дополнительным свойствам

Продолжая исследовать панель Properties, вы непременно обнаружите, что у некоторых категорий свойств имеются развертываемые вниз области дополнительных свойств. Так, если щелкнуть на такой области, соответствующая категория развернется для отображения ее дополнительных свойств, которые расширяют возможности данной категории, хотя используются нечасто. В качестве примера на рисунке показана в развернутом виде категория свойств Text:

Что касается дополнительной настройки свойств, то справа от некоторых свойств отдельной категории указывается квадратик. Щелкнув на этом квадратике обозначающем кнопку Advanced options (Дополнительные параметры) вы откроете еще одно окно редактора с дополнительными параметрами настройки отдельного свойства. Такая возможность оказывается полезной при выполнении операций привязки данных и обращении с ресурсами объектов.