Учебное пособие по Windows Phone 10: Добавление визуальных состояний к пользовательскому контролю

Учебное пособие по Windows Phone 10: Добавление визуальных состояний к пользовательскому контролю
Учебное пособие по Windows Phone 10: Добавление визуальных состояний к пользовательскому контролю

Видео: Учебное пособие по Windows Phone 10: Добавление визуальных состояний к пользовательскому контролю

Видео: Учебное пособие по Windows Phone 10: Добавление визуальных состояний к пользовательскому контролю
Видео: Новая Фишка WhatsApp, О КОТОРОЙ ТЫ НЕ ЗНАЛ - YouTube 2024, Апрель
Anonim

В рамках учебника серии Windows Phone в последнем уроке мы увидели, как создать пользовательскую кнопку в Expression Blend. В этом учебном пособии вы обновите шаблон управления, чтобы добавить различные визуальные состояния, которые позволяют кнопке отображать контур, когда он сфокусирован, и переместить свое положение на странице, чтобы указать, когда он нажат.

1. В Объекты и временная шкала панели, выберите бордюр контроль.

2. Теперь переключитесь на состояния панель и проверьте состояния визуального состояния, доступные для управления кнопками.

Image
Image

3. Под FocusStates выберите несфокусированный чтобы включить запись для состояния, вызванного, когда кнопка не имеет фокуса. Любые изменения в шаблоне в этом режиме применяются только к этому конкретному состоянию.

4. Чтобы скрыть границу вокруг кнопки, когда она теряет фокус:
4. Чтобы скрыть границу вокруг кнопки, когда она теряет фокус:
  • Выбрать бордюр в Объекты и временная шкала панель
  • в свойства панели, разверните Кисти категории и выберите BorderBrush имущество
  • Нажмите Показать дополнительные свойства и установите помутнение свойство кисти0

Image
Image

5. Вернитесь к состояния панели и выберите Прессованные в CommonStates чтобы включить запись для состояния, вызванного при нажатии мыши.

6. В свойства панели, разверните преобразование категории и выберите Переведите преобразования. Установить Икс а также Y значения для2, Это изменение приводит к незначительному сдвигу положения кнопки при каждом нажатии, предполагает, что она нажата.

Image
Image

7. Наконец, в состояния панели, выберите База шаблон для отключения режима записи

8. Нажмите CTRL + S для сохранения обновленного файла.

9. Теперь, когда вы завершили добавление визуальных состояний к настраиваемому элементу управления, вы готовы проверить обновленную кнопку:

  • Нажмите F5, чтобы создать и запустить приложение.
  • Введите текст и нажмите клавишу Tab, чтобы изменить фокус ввода на кнопку
  • Обратите внимание, что когда кнопка имеет фокус, вокруг кнопки появляется рамка, указывающая, что она активна
  • Теперь нажмите пробел или нажмите кнопку и заметьте, как ее позиция сдвигается, чтобы указать, что она нажата

Это оно!

Похожие сообщения:

  • Windows Live Essentials Offline Installers для всех языков Ссылки
  • Учебное пособие по Windows Phone 9: Создание пользовательской кнопки в выражении (часть-2)
  • Тест-драйв ОС Windows в VirtualBox - подробное руководство по скриншотам
  • Учебное пособие по Windows Phone 11: Создание анимации для текста баннера
  • Различные состояния системы в Windows 10/8

Рекомендуемые: