Нин Чжан блог

Введение

Это второй пост Настроить Silverlight Toolkit серии Controls. Это сообщение свидетельствует о том, как настроить 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) показывает новый шаблон будет выпущен в ближайшее время.
• Fade In / Out (ExpanderFadeStyle) настраивает развернуть / свернуть поведение анимации Opacity исчезать содержание и выход.
• Шкала In / Out (ExpanderScaleStyle) настраивает развернуть / свернуть поведение анимации ScaleTransform.ScaleX и ScaleTransform.ScaleY между 1 и 0 расширяться и сжиматься содержания.
• Нет кнопки (ExpanderNoButtonStyle) настраивает расположение, удалив круг со стрелкой переключатель. Вы все еще можете развернуть / свернуть содержание с помощью мыши или клавиатуры.
• Нижняя / Правая кнопка (ExpanderBottomRightButtonStyle) настраивает расположение, поместив круг со стрелкой выключателя на нижней / правой части заголовка.

Исходный код

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

Заключение

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