Нин Чжан блог

Введение

Это второй пост Настройка Silverlight Toolkit ряд элементов управления. Это сообщение свидетельствует о том, как настроить Expander, и обеспечивает наиболее часто задаваемых настроек из Silverlight Toolkit форум .

Expander Настройка

Чтобы настроить Expander, очень важно понять его API и шаблон по умолчанию, и знаете, как использовать смесь для повторного шаблон элемента управления. Я настоятельно рекомендую вам прочитать мои предыдущие посты управления Expander в Silverlight Toolkit , если у вас еще нет. Ключом к настройке Expander:

• понять Expander интерфейс, особенно контроль контракта:
  • Expander ожидает один шаблона, переключатель под названием "ExpanderButton", в шаблон. Его развернуть / свернуть функция зависит от существования этого шаблона, поскольку Silverlight не поддерживает два способа связывания.
  • Expander выставляет ExpansionStates визуальное состояние группы (в том числе разворачивать и сворачивать двух визуальных состояний) для пользователей, чтобы настроить его разворачивать и сворачивать поведения.
  • Expander выставляет ExpandDirectionStates визуальное состояние группы (в том числе ExpandDown, ExpandUp, ExpandLeft, ExpandRight) для пользователей, чтобы изменить внешний вид для каждого из четырех расширить направления.
  • Expander также предоставляет HeaderTemplate и ContentTemplate свойства пользователям настраивать его заголовок и содержание части. Вы можете найти такую ​​настройку с Silverlight Пример Control Toolkit .

• понять шаблон по умолчанию расширителя. На снимке экрана показано, как шаблон по умолчанию обрабатывает расположение четырех расширить направления и поведение развернуть / свернуть путем предоставления раскадровку для ExpansionStates и ExpandDirectionStates визуальных групп государства:
  • Весь заголовок шаблонов ToggleButton, так что в любом случае нажатия на заголовок может развернуть / свернуть Содержимое области.
  • Она использует 2 × 2 сетки в заголовке формы и содержания территории.
  • Он излагает Expander по ExpandDirection имея состояние анимации ExpandDirectionStates:
    • Он излагает заголовок и содержание областях оживляющий их Grid.Row и Grid.Column свойствами.
    • Он обращает заголовке переключатель правильно, изменив его шаблон.
  • Он расширяет / падает содержание районах анимации ее видимость атрибута в переходах ExpanionStates государства.

Ниже скриншот показывает наиболее часто задаваемых настроек. Если у вас установлен Silverlight 2.0 и поддерживает читателя живой Silverlight приложения, вы можете играть с ним здесь:

• PDC08 показывает Expander в текущей версии на CodePlex. Существует ошибка в ExpanderRightHeaderTemplate (используется, если вы установите ExpandDirection направо), что приводит к высокой процессора и памяти. Это зафиксировано и исправление будет в нашем следующем выпуске в течение нескольких недель. Я приношу извинения за причиненные неудобства. Expander мой первый Silverlight контроля. Я ничего не знал о Silverlight и WPF, прежде чем я присоединился к команде Шона несколько месяцев назад, и я до сих пор не могу поверить, насколько хрупким XAML и анимации. Мне потребовалось много времени, чтобы выследить одного символа исправить: один (из десятков) ObjectAnimationKeyFrames имеет продолжительность атрибут случайно установлена ​​на "1" вместо "0". Вот поехал Silverlight выполнения орехами и свиней процессора / памяти.
• Новый (ExpanderStyle) показывает новый шаблон будет выпущен в ближайшее время.
• Исчезновение In / Out (ExpanderFadeStyle) настраивает развернуть / свернуть поведение анимации Opacity исчезать содержание и выход.
• Масштаб In / Out (ExpanderScaleStyle) настраивает развернуть / свернуть поведение анимации ScaleTransform.ScaleX и ScaleTransform.ScaleY между 1 и 0 для расширения и сжатия контента.
• Нет кнопки (ExpanderNoButtonStyle) настраивает расположение, удалив круг со стрелкой переключатель. Вы все еще можете развернуть / свернуть содержание с помощью мыши или клавиатуры.
• Нижняя / Правая кнопка (ExpanderBottomRightButtonStyle) настраивает макет, поместив круг со стрелкой переключатель на дно / правой части заголовка.

Исходный код

Вы можете найти молнии файле проекта:

Заключение

Expander был на ключевые слова в мой блог. Это очень полезно контроля и относительно трудно настроить. Надеюсь этот пост поможет вам в использовании и настройке Expander. Спасибо!