Windows Phone Инструкция 10: Добавяне на визуални състояния към персонализирания контрол

Windows Phone Инструкция 10: Добавяне на визуални състояния към персонализирания контрол
Windows Phone Инструкция 10: Добавяне на визуални състояния към персонализирания контрол

Видео: Windows Phone Инструкция 10: Добавяне на визуални състояния към персонализирания контрол

Видео: Windows Phone Инструкция 10: Добавяне на визуални състояния към персонализирания контрол
Видео: CS50 2013 - Week 9, continued - 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 Офлайн инсталатори за ВСИЧКИ езици Връзки
  • Windows Phone Инструкция 9: Създаване на персонализиран бутон в комбинация за изразяване (част 2)
  • Test drive Windows OS в VirtualBox - Подробно ръководство за екрани
  • Windows Phone Инструкция 11: Създаване на анимация за текста на банера
  • Различни състояния на спяща система в Windows 10/8

Препоръчано: