Silverlight Telerik 学习之主题的设置

Telerik控件版本：RadControls for Silverlight Q1 2013

当前的Telerik Silverlight 控件支持以下主题

Office Black - 这是默认主题，无需加载其它任何dll文件。

Office Blue - 引用 Telerik.Windows.Themes.Office_Blue.dll。

Office Silver - 引用 Telerik.Windows.Themes.Office_Silver.dll。

Summer - 引用 Telerik.Windows.Themes.Summer.dll。

Transparent - 引用 Telerik.Windows.Themes.Transparent.dll。

Vista - 引用 Telerik.Windows.Themes.Vista.dll。

Windows 7 - 引用 Telerik.Windows.Themes.Windows7.dll。

Window 8 - 引用Telerik.Windows.Themes.Windows8.dll。

Windows8 Touch -引用Telerik.Windows.Themes.Windows8Touch。

Metro(obsolete) - 引用Telerik.Windows.Themes.Metro.dll。应该替换成windows8主题。

创建一个Silverlight工程，引用需要的dll

下图是Windows8 Touch的效果

aaarticlea/png;base64,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" alt="" />

1.设置特定的XAML内置样式（这样只改变指定控件样式）

<UserControl x:Class="Test.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls">
    <Grid x:Name="LayoutRoot">

       <telerik:RadTabControl x:Name="tab1"  telerik:StyleManager.Theme="Windows8Touch">
            <telerik:RadTabItem Header="导航一"></telerik:RadTabItem>
            <telerik:RadTabItem Header="导航二"></telerik:RadTabItem>
            <telerik:RadTabItem Header="导航三"></telerik:RadTabItem>
        </telerik:RadTabControl>

    </Grid>
</UserControl>

或者通过后台代码控制 StyleManager.SetTheme( tab1, new VistaTheme() );

2.设置应用程序内置主题后台代码（这样影响的是页面控件的样式）

public partial class MainPage : UserControl
    {
        public MainPage()
        {
            StyleManager.ApplicationTheme = new Windows8TouchTheme();
            InitializeComponent();
        }

    }

或者

public partial class App : Application
{
    public App()
    {
        this.Startup += this.Application_Startup;
        this.Exit += this.Application_Exit;
        this.UnhandledException += this.Application_UnhandledException;

        StyleManager.ApplicationTheme = new Windows8TouchTheme();

        InitializeComponent();
    }
}

3.自定义主题

如果觉得这些样式满足不了要求可以自己定义一些主题

创建一个自定义主题类

然后在自定义主题类的构造函数中指定source

[ThemeLocation( ThemeLocation.BuiltIn )]
public class CustomTheme : Telerik.Windows.Controls.Theme
{
}

public CustomTheme()
{
    this.Source = new Uri( "/Telerik.Windows.Themes.CustomTheme;component/themes/Generic.xaml", UriKind.Relative );
}

参考文章 http://www.telerik.com/help/silverlight/common-styling-apperance-setting-theme.html