Този урок е продължение на част I, като част от урока за Windows Phone: Чрез копиране и поставяне на кода от Visual just Studio в експрес смес ние създадохме реплика на приложението Silverlight в Expression Blend. Сега ще създадем персонализиран бутон, като следваме стъпките:
1. Потвърдете, че MainPage.xaml е отворен в прозореца на дизайнера и текущото работно пространство е настроено Дизайн, За да видите текущото работно пространство, изберете работни плотове в прозорец менюто и се уверете, че Дизайн опцията е проверена.
2. В прозореца за проектиране кликнете с десния бутон на мишката върху "Кликнете върху мен", Посочете Редактиране на шаблон и изберете Създайте празно.
3. В Създаване на контролен ресурс диалоговия прозорец, задайте име да сеFancyButton, пазете текущата стойност на " Този документ"В Определете в опция и кликнете Добре.
4. Уверете се, че панелът "Обекти и часовник" е видим, ако не, изберете прозорец и тогава Обекти и времева линия за показване на този панел. Иначе можете да нулирате работното си пространство.
5. Променете контейнера за текущото коренно оформление на шаблона. В Обекти и времева линия панел, щракнете с десния бутон върху детето решетка елемент вътре Шаблон, посочете Промяна на типа оформление, и изберете граница.
6. С граница елемент, който все още е избран в Обекти и времева линия панел, преминете към Имоти панел и под Външен вид, задайте стойността на BorderThickness собственост на2 за всяка от страните и след това задайте стойността на CornerRadius собственост на15.
7. На следващо място в Четки раздел, изберете Заден план собственост и изберете Градинска четка опция. След това изберете лявото градиентно стъпало и задайте например стойността му на светло сив цвят#FFADADAD, След това изберете правилното спиране на градиента и задайте например стойността му на тъмно сив цвят# FF0A0A0A.
8. Сега, в Четки раздел, изберете BorderBrush имот, изберете Твърда цветна четка и например изберете светло сив цвят# FFC0C0C0.
9. Следващата стъпка е добавяне на надпис. Първо, уверете се, че граница елемент остава избран в Обекти и времева линия панел.
10. Сега преминете към актив панел, изберете Контроли категория и превъртете надолу списъка, показан отдясно на категорията, за да намерите TextBlock контрол. След това щракнете двукратно върху елемента в списъка, за да вмъкнете копие на този контролен панел в него граница елемент на шаблона.
11.Сега, в Инструменти панел, изберете селекция инструмент или натиснете V за възстановяване на режима на избор.
12.В Обекти и времева линия панел, изберете ново добавеното TextBlock елемент. След това, в Имоти панел, разгънете Четки категория и задайте преден план четка за светъл цвят, например#FFFFFFFF.
13. Сега разширете оформление категория и задайте стойността на HorizontalAlignment и VerticalAlignment свойства доцентър, След това задайте стойността на марж собственост на10 за лявата и дясната страна и за4 за горната и долната страна.
14. Свържете Текст собственост на Текстово поле контрол в шаблона към съдържание собственост на бутон шаблони контрол. Да го направя:
- Разширете Общи свойства категория
- Кликнете Разширени опции за собственост - означен с квадратна икона до стойността на имота
- Изберете Обвързване на шаблони за да покажете списък с свойства в шаблонираната контрола, която може да бъде свързана с тази собственост
- Избери съдържание собственост от този списъкСпознайте, че стойността на Текст собственост на "Кликнете върху мен"- стойността, зададена понастоящем за съдържание собственост на бутона - и че собствеността вече е показана с жълта очертание, за да покаже, че тя е свързана с шаблони.
15. Натиснете CTRL + S за да запазите актуализирания файл.
16. Вече сте готови да тествате новия персонализиран бутон. Натиснете F5 да се изгради и стартира приложението
Подобни публикации:
- Windows Live Essentials Офлайн инсталатори за ВСИЧКИ езици Връзки
- Пълен списък на клавишните комбинации на Windows Live Writer
- Безплатен шаблон за стил на метрото на Windows за потребители на Visual Basic
- Windows Phone Инструкция 11: Създаване на анимация за текста на банера
- Test drive Windows OS в VirtualBox - Подробно ръководство за екрани