Этот учебник является продолжением Части I в рамках учебника по Windows Phone: просто скопировав и вставив код из Visual Just Studio в выражение blend, мы создали реплика приложения Silverlight в Expression Blend. Теперь мы создадим пользовательскую кнопку, выполнив следующие шаги:
1. Подтвердите, что MainPage.xaml открыто в окне конструктора и что текущее рабочее пространство дизайн, Чтобы просмотреть текущее рабочее пространство, выберите Workspaces в Окно и убедитесь, что дизайн опция отмечена.
2. В окне конструктора щелкните правой кнопкой мыши значок "Нажми на меня", Укажите Изменить шаблон и выберите Создать пустой.
3. В Создать ресурс ControlTemplate диалога, установите название вFancyButton, сохраните текущее значение " Этот документ" в Определить в и нажмите Хорошо.
4. Убедитесь, что панель «Объекты» и «Временная шкала» видны, если нет, выберите Окно а потом Объекты и временная шкала чтобы показать эту панель. Кроме того, вы можете сбросить рабочее пространство.
5. Измените текущий контейнер корневого макета шаблона. в Объекты и временная шкала панели, щелкните правой кнопкой мыши ребенка сетка элемент внутри шаблон, указать на Изменить тип макета, и выберите бордюр.
6. С бордюр элемент, все еще выбранный в Объекты и временная шкала панели, перейдите к свойства панели и под Внешность, установите значение BorderThickness собственность на2 для каждой из сторон, а затем установить значение CornerRadius собственность на15.
7. Далее, в Кисти выберите Фон собственности и выбрать Градиентная щетка вариант. Затем выберите левый градиентный стоп и установите его значение на светло-серый цвет, например#FFADADAD, Затем выберите нужный градиентный стоп и установите его значение на темно-серый цвет, например# FF0A0A0A.
8. Теперь, в Кисти выберите BorderBrush собственности, выберите Твердая кисть и выберите светло-серый цвет, например# FFC0C0C0.
9. Следующий шаг - добавить подпись. Во-первых, убедитесь, что бордюр элемент остается выбранным в Объекты и временная шкала панель.
10. Теперь переключитесь на активы панели, выберите управления категорию и прокрутите список вниз справа от категории, чтобы найти TextBlock контроль. Затем дважды щелкните элемент в списке, чтобы вставить экземпляр этого элемента управления, вложенный внутри бордюр элемент шаблона.
11. Теперь, в инструменты панели, выберите выбор инструмента или нажмите В для восстановления режима выбора.
12. В Объекты и временная шкала панели, выберите вновь добавленную TextBlock элемент. Затем в свойства панели, разверните Кисти категории и установите передний план кисть до светлого цвета, например#FFFFFFFF.
13. Теперь разверните раскладка и установить значение Горизонтальное выравнивание а также Вертикальное выравнивание свойства дляЦентр, Затем установите значение Поле собственность на10 для левой и правой сторон, а для4 для верхней и нижней сторон.
14. Свяжите Текст собственности Текстовое окно контроль в шаблоне содержание свойство кнопки templated control. Сделать это:
- Разверните Общие свойства категория
- Нажмите Расширенные параметры свойств - обозначается квадратным значком рядом со значением свойства
- Выбрать Связывание шаблонов для отображения списка свойств в шаблоном элементе управления, который может быть привязан к этому свойству
- Выбрать содержание свойство из этого списка. Укажите, что значение Текст свойство изменяется на "Нажми на меня"- значение, установленное для содержание свойство кнопки - и теперь свойство показано желтым контуром, чтобы указать, что он связан с шаблоном.
15. Пресса CTRL + S для сохранения обновленного файла.
16. Теперь вы готовы протестировать новую пользовательскую кнопку. Нажмите F5 создавать и запускать приложение
Похожие сообщения:
- Windows Live Essentials Offline Installers для всех языков Ссылки
- Полный список горячих клавиш для Windows Live Writer
- Бесплатный шаблон стилей Windows Metro для пользователей Visual Basic
- Учебное пособие по Windows Phone 11: Создание анимации для текста баннера
- Тест-драйв ОС Windows в VirtualBox - подробное руководство по скриншотам
