Применить стиль и тематический ресурс к элементам управления: Учебное пособие по разработке Windows Phone Apps - часть 20

В последнем уроке мы узнали, как применять стиль и тематический ресурс к нашим элементам управления. Теперь в этой части нашего сериаламы продолжим работу со стилями и ресурсами и научимся применять цветовые ресурсы по нашему выбору.

Давайте начнем работать с тем же проектом, который мы создали в последнем учебном пособии с одной кнопкой. Выберите эту кнопку и перейдите в окно свойств. Когда вы нажимаете на маленькую клавишу со стрелкой, расположенную рядом с свойством «Переднего плана», вы заметите, что другое маленькое окно открывается с разными цветными фрагментами и вкладками. В этом маленьком окне есть четыре маленьких вкладки: Null Brush, Solid Color Brush, Gradient Brush и Image Brush. По умолчанию устанавливается сплошная кисть с цветным белым (RGB: 0,0,0 и канал прозрачности альфа-канала, установленный на 255). Вы можете выбрать нужный цвет, перемещая ползунок вдоль вертикальной полосы, а затем круговой курсор, чтобы выбрать точный оттенок. Вы также можете выбрать iDropper, с помощью которого вы можете принять цвет любого из доступных инструментов. Существует много способов изменить цвет этой сплошной цветной кисти.

То же самое происходит с Gradient Brush. Он выполняет аналогичную задачу как сплошная цветная кисть, но имеет несколько дополнительных опций. Это дает вам ряд остановок. Вы можете использовать эти остановки творчески, чтобы получить разные оттенки среди выбранного цвета. Вы также можете изменить текстуру цвета с помощью таких параметров, как горизонтальный градиент и вертикальный градиент. Кисть изображений позволяет выбрать изображение в качестве нашего ресурса. Вы можете добавить изображение так же, как мы добавили изображение в управление изображением.

Теперь используйте градиентную кисть цвета, используя стоп, как я сделал (см. Изображение). Теперь, если вы видите окно XAML, вы увидите, что в окне XAML для кнопки добавлен некоторый код.

Теперь предположим, что если мы хотим добавить тот же цвет градиента, который мы добавили для нашей кнопки ко всем другим элементам управления на нашей странице, как мы делаем это? Для этого перейдите в свойство переднего плана, где мы устанавливаем кисть цветного градиента и щелкните по нему правой кнопкой мыши и выберите «Извлечь значение в ресурс». Он откроет небольшое всплывающее окно «Создать ресурс». Вы можете назвать ресурс так, как хотите, или оставить его как есть. Затем вы можете выбрать, где вы хотите сохранить его, в зависимости от того, где вы хотите использовать этот ресурс. Если вы хотите использовать его на одной странице, выберите MainPage.xaml, затем выберите App.xaml и нажмите «ОК».

Теперь перетащите еще одну кнопку на поверхности дизайнера и перейдите в свойство переднего плана. Теперь вы найдете наш пользовательский ресурс под именем локальных ресурсов. После того, как вы нажмете на него, вы увидите, что вторая кнопка имеет тот же цвет, что и первый. Что делать, если есть несколько свойств, которые мы хотим применить к нашему контролю? Мы можем сделать это с помощью стилей. Стиль - это набор средств настройки. Давайте теперь создадим новый стиль. Сначала удалите все изменения, которые мы сделали в последнем примере, и получим новую кнопку для нового запуска. Вставьте следующий код под объявлениями xmlsns.

В этом коде мы создали два свойства сеттера, чтобы изменить цвет рамки и переднего плана. После этого перейдите к коду кнопки и добавьте этот бит кода:

Style = "{StaticResource myStyle}".

Вы заметите, что цвет нашей кнопки и цвет переднего плана становятся красными.

Теперь, если вы хотите чтобы применить этот стиль ко всему вашему приложению, вырежьте код между. Откройте файл App.xaml и вставьте его между тегами ресурсов приложения. Теперь, если вы вернетесь и проверьте кнопку, вы увидите, что кнопка по-прежнему отображается красным цветом.

Так что это все о стилях и ресурсах в Windows Phone 7.5. В следующей главе мы узнаем о навигации по страницам xaml.