Форум Silverlight.SU — все о технологии Microsoft Silverlight
Статьи, примеры, справочные руководства, новости
Вы не вошли. Пожалуйста, войдите или зарегистрируйтесь.
Форум Silverlight.SU — все о технологии Microsoft Silverlight » Графика и Дизайн » Настройка тем из Silverlight Toolkit (часть 1)
Страницы 1
Чтобы отправить ответ, вы должны войти или зарегистрироваться
Мы поставляем Silverlight Toolkit со следующими Темами:
В этой статье я расскажу о том, как настраивать эти темы и создавать множество приятных глазу вариаций.
Сперва, если конечно вы еще этого не сделали, загрузите Silverlight Tooklkit. В каталоге Source\Controls.Samples\Theming\ThemeBrowser\ вы найдете все файлы с темами, а также исходный код примера обозревателя тем. Данное руководство предполагает, что вы уже знакомы с Implicit Style Manager. Эта тема описана в блогах Beatriz и Jesse Liberty (русский перевод). Для более глубокого понимания почитайте статью в блоге Jafar’а – разработчика ISM.
Сейчас мы будем работать с ShinyBlue.xaml.
Шаг 1:
Создайте новый проект Silverlight.
Шаг 2:
Добавьте ссылки на Microsoft.Windows.Controls.Theming.dll и System.Windows.Controls.dll
В Silverlight 3 вам нужно добавить следующие библиотеки:
System.Windows.Controls.Input.Toolkit.dll
System.Windows.Controls.Theming.Toolkit.dll
System.Windows.Controls.Input.dll
System.Windows.Controls.DataVisualization.Toolkit.dll
System.Windows.Controls.Data.dll
System.Windows.Controls.dllДаже если лично вам от этих библиотек ничего не нужно, то они нужны ImplicitStyleManager’у.
И еще добавьте библиотеку :
System.Windows.Controls.Toolkit.dll
Она хотя и не нужна ImplicitStyleManager’у, в примере используется контрол Expander, который требует ее подключения.
Если вы пропустите хотя бы одну из них, то получите исключение вроде:
Стоит отметить, что после добавление всех этих ресурсов размер вашего XAP-файла приближается к 650 Кб, даже если вы еще не добавили ни строчки кода и ни одного контрола.
Шаг 3:
Добавьте ShinyBlue.xaml в свой проект в каталог themes, переименуйте его в ShinyDarkTeal.xaml и задайте Build Action = Content:
Шаг 4:
В разметку файла page.xaml добавьте следующие ссылки на библиотеки:
xmlns:theming="clr-namespace:System.Windows.Controls.Theming;assembly=System.Windows.Controls.Theming.Toolkit"
xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit"И следующие строки кода разметки:
<StackPanel Orientation="Horizontal">
<!--ShinyDarkTeal-->
<StackPanel Width="100"
theming:ImplicitStyleManager.ApplyMode="Auto"
theming:ImplicitStyleManager.ResourceDictionaryUri="themes/ShinyDarkTeal.xaml">
<Button Content="Button" />
<CheckBox Content="CheckBox" />
<RadioButton Content="RadioButton"/>
<Slider />
<ListBox x:Name="List1" />
<ProgressBar Height="15" Value="30"/>
<controls:Expander ExpandDirection="Down"/>
</StackPanel>
</StackPanel>Шаг 5:
Откройте файл ShinyDarkTeal и найдите следующие строки (ближе к началу файла):
<Color x:Key="NormalBrushGradient1">#FFBAE4FF</Color>
<Color x:Key="NormalBrushGradient2">#FF398FDF</Color>
<Color x:Key="NormalBrushGradient3">#FF006DD4</Color>
<Color x:Key="NormalBrushGradient4">#FF0A3E69</Color>И замените их следующими строками:
<Color x:Key="NormalBrushGradient1">#FFC5E1D7</Color>
<Color x:Key="NormalBrushGradient2">#FF7CB2A2</Color>
<Color x:Key="NormalBrushGradient3">#FF3F8570</Color>
<Color x:Key="NormalBrushGradient4">#FF294C41</Color> Шаг 6:
Скомпилируйте и запустите пример. Вы увидите следующее:
Как видите, изменять цветовую гамму темы довольно просто. В следующий раз я более углубленно опишу настройку темы, а пока вы можете скачать код примера. Я добавил большее кол-во вариантов Shinу-тем вам для развлечения:
Так можете загрузить любую из этих тем отдельно:
Сообщений [ 4 ]
Страницы 1
Чтобы отправить ответ, вы должны войти или зарегистрироваться
[ Сгенерировано за 0,115 секунд(ы), выполнено 11 запросов ]