绿色主题

的绿色主题提供了一个扁平的现代UI，由两种颜色变化表示光和黑暗这是基于绿色口音。

跳转到以下主题以了解主题的调色板和特性的细节。

• 默认主题颜色
• 默认主题画笔
• 改变调色板颜色
• 变换主题
• 更改字体属性
• 改变转角半径
• 改变不透明度

默认主题颜色

下面你可以找到两种颜色变化之间的差异。每个画笔在相应的颜色变化中都有相应的HEX值。

默认主题画笔

下面你可以找到更多关于每个笔刷的细节，以及它通常应用的地方。

常见的刷子

• StrongBrush-默认为灰色，主要用于在元素处于Normal状态时填充路径。
• ValidatonBrush-默认为红色，用于在我们的控件中适用的验证。
• FixedBrush-默认为白色，它是带有验证背景的元素上方的文本或路径的主要颜色。

口音刷

• AccentHighBrush-绿色的刷子。
• AccentLowBrush-略深/浅(取决于颜色变化)比之前的绿色画笔。
• SemiAccentLowBrush-与AccentLowBrush相同，但不透明度为35%。
• MouseOverBrush-当控件或元素处于鼠标悬停状态时，用作背景或边框刷。

前台刷

• MarkerBrush-默认的笔刷用作前景色。
• SelectedBrush-用于路径填充处于鼠标悬停，按下或选择状态的元素。

背景刷

• MainBrush-用作直接输入控件的背景，如TextBox, PasswordBox, RadMaskedInput, Editable RadComboBox, RadAutoCompleteBox。也可以作为具有不同内容和不可预测背景的元素的主背景。
• PrimaryBrush-在正常状态下用作控件的背景，不包括直接输入的控件。
• AlternativeBrush-用作替代背景-即弹出窗口或我们想要区分一个元素从另一个。
• HighBrush-用作RadMenu和RadTimeline的背景。
• ComplementaryBrush-用作RadRadialMenu和RadScheduleView的背景。
• ReadOnlyBackgroundBrush-用作只读状态下的控件的背景。默认值为Transparent。

边境刷

• BasicBrush-在正常状态下用作控件的边界刷。
• LowBrush-用作ReadOnly状态下控件的边框刷。

主题画笔预览

改变调色板颜色

Green主题提供了负责控件中使用的笔刷的调色板颜色的动态更改。它们的默认值如上所述。此机制用于修改主题的颜色变化。

一般的命名约定是:GreenPalette.Palette[名字]。颜色负责[名字]刷——如。GreenPalette.Palette.AccentHighColor设置颜色telerik: GreenResource ResourceKey = AccentHighBrush

更改颜色可以在后面的代码中实现。

设置调色板颜色

GreenPalette.Palette.AccentHighColor =颜色。from mrgb (255,0,0);

变换主题

绿色主题有两种内置的颜色变化:

ColorVariation枚举，用于确定应该使用哪种颜色变化

/// 
 ///表示主题颜色的变化。/// 
 public enum ColorVariation {/// 
 ///代表墨绿色主题调色板。/// 
 Dark， /// 
 ///代表浅绿色主题调色板。/// 
 Light}

的黑暗颜色变化的主题是设计与一个黑暗的背景在脑海中。建议在选择应用程序时使用这样的背景。

明暗颜色变化演示与RadCalendar

可以在颜色变化之间切换LoadPreset方法如下:

改变主题的颜色变化

//默认的颜色变化GreenPalette.LoadPreset(GreenPalette.ColorVariation.Dark);//浅色变化GreenPalette.LoadPreset(GreenPalette.ColorVariation.Light);

//默认颜色变化GreenPalette.LoadPreset(GreenPalette.ColorVariation.Dark) //浅色颜色变化GreenPalette.LoadPreset(GreenPalette.ColorVariation.Light)

更改字体属性

在使用绿色主题可以动态地更改字形大小和FontFamily应用程序中所有组件的属性。

FontSize和FontFamily属性是公共的，因此您可以轻松地在一个点上修改主题资源。主题中最常用的字体大小名为FontSize，其默认值为12。较大的字体用于页眉和页脚，而较小的字体用于复杂控件，如RadRibbonView，RadGauge，RadGanttView等。至于FontFamily资源，它的默认值是Segoe UI。

请注意，对于复杂的场景，我们强烈建议在初始化应用程序之前设置FontSize属性。此外，我们建议它的值在11px到19px之间。

下面是所有可用的FontSize和FontFamily选项及其默认值的列表:

默认的FontFamily和FontSize值

GreenPalette.Palette.FontSizeXS = 10;greenpalette . palette . font - size = 11;greenpalette . palette . font - size = 12;greenpalette . palette . font - size = 13;GreenPalette.Palette.FontSizeXL = 14;GreenPalette.Palette.FontFamily = new FontFamily("Segoe UI");

GreenPalette.Palette.FontSize = 10 GreenPalette.Palette.FontSize = 11 GreenPalette.Palette.FontSize = 12 GreenPalette.Palette.FontSize = 13 GreenPalette.Palette.FontFamily = 14 GreenPalette.Palette.FontFamily = New FontFamily("Segoe UI");

更多关于很少使用的字体大小的细节可以在下面找到:

• GreenPalette.Palette.FontSizeXS用于:

  • TimeBar的SelectionRangeStyle在telerik . windows . controls . datavisalization
  • telerik . windows . controls . datvisualization中的Map的Scale和MouseLocationIndicator
  • AggregateResultsList, gridviewwheadercell和GridViewGroupPanel中的Telerik.Windows.Controls.GridView

• GreenPalette.Palette.FontSizeS用于:

  • Telerik.Windows.Controls.Chart.xaml中的ChartBaseStyle和TrackBallInfoControlStyle
  • telerik . windows . controls . datvisualization中的HorizontalBulletGraphStyle和VerticalBullerGraphStyle
  • telerik . windows . controls . datvisualization中的TimeBar的ItemControlStyle
  • RibbonView的GroupChromeStyle在Telerik.Windows.Controls.RibbonView
  • 在telerick . windows . controls . ganntview中的EventContainerStyle
  • 在Telerik.Windows.Controls.ScheduleView中的TimeRulerItems的样式
  • telerik . windows . controls . graphs . extensions .xaml中的DiagramRulerStyle

• GreenPalette.Palette.FontSizeL用于:

  • 在Telerik.Windows.Controls.GanntView中的GanttDragResizeVisualCueTemplate
  • 在Telerik.Windows.Controls.ScheduleView中的TimeRulerGroupItems和TimeRulerMonthViewGroupItem的样式

• GreenPalette.Palette.FontSizeXL用于:

  • Telerik.Windows.Controls.ScheduleView中的TimeRulerMonthViewItem的样式

正如下面的例子所示，你可以将默认的FontFamily从“Segoe UI”更改为“Comic Sans MS”，并将FontSize从12来14按一下按钮:

示例的视图

改变字体大小和字体族

private void OnButtonChangeFontSizeClick(对象发送方，RoutedEventArgs e) {GreenPalette.Palette.FontSize = 14;GreenPalette.Palette.FontFamily = new FontFamily("Comic Sans MS");}

Private Sub OnButtonChangeFontSizeClick(sender As Object, e As RoutedEventArgs) GreenPalette.Palette.FontSize = 14 GreenPalette.Palette.FontFamily = New FontFamily("Comic Sans MS")结束Sub

更改主题字体

改变转角半径

Green主题还提供了一种简单的方法来修改应用程序中许多元素的角半径。你可以使用以下属性，它们的默认值如下所示:

默认角半径值

GreenPalette.Palette.CornerRadius = new CornerRadius(1,1,1,1);GreenPalette.Palette.CornerRadiusBottom = new CornerRadius(0,0,1,1);GreenPalette.Palette.CornerRadiusLeft = new CornerRadius(1,0,0,1);GreenPalette.Palette.CornerRadiusRight = new CornerRadius(0,1,1,0);GreenPalette.Palette.CornerRadiusTop = new CornerRadius(1,1,0,0);

GreenPalette.Palette.CornerRadius = New CornerRadius(1,1,1,1) GreenPalette.Palette.CornerRadiusBottom = New CornerRadius(0,0,1,1) GreenPalette.Palette.CornerRadiusLeft = New CornerRadius(1,0,0,0,1) GreenPalette.Palette.CornerRadiusRight = New CornerRadius(0,1,1,0) greenpalette . palette . cornerradiusstop = New CornerRadius(1,1,1,0,0)

示例的视图

改变转角半径

公共MainWindow() {InitializeComponent();this.CornerRadiusComboBox.ItemsSource = Enumerable。范围(0,10);}私有void ComboBoxChangeCornerRadius_SelectionChanged(对象发送方，RoutedEventArgs e) {var selectedCornerSize =发送方作为RadComboBox;如果(selectedCornerSize != null && selectedCornerSize。= null) {double SelectedValue = Convert.ToDouble(selectedCornerSize.SelectedValue);GreenPalette.Palette.CornerRadius = new CornerRadius(selectedValue, selectedValue, selectedValue, selectedValue);GreenPalette.Palette.CornerRadiusBottom = new CornerRadius(0,0, selectedValue, selectedValue);GreenPalette.Palette.CornerRadiusLeft = new CornerRadius(selectedValue, 0,0, selectedValue);GreenPalette.Palette.CornerRadiusRight = new CornerRadius(0, selectedValue, selectedValue, 0);GreenPalette.Palette.CornerRadiusTop = new CornerRadius(selectedValue, selectedValue, 0,0); } }

Public Sub New() InitializeComponent() Me.CornerRadiusComboBox.ItemsSource = Enumerable。范围(0,10)结束子私有子ComboBoxChangeCornerRadius_SelectionChanged(发送方作为对象，e作为RoutedEventArgs) Dim selectedCornerSize = TryCast(发送方，RadComboBox)如果selectedCornerSize不是没有，也selectedCornerSize。SelectedValue不是什么然后暗淡SelectedValue双= Convert.ToDouble (selectedCornerSize.SelectedValue) GreenPalette.Palette.CornerRadius = New CornerRadius (SelectedValue、SelectedValue SelectedValue, SelectedValue) GreenPalette.Palette.CornerRadiusBottom = New CornerRadius (0, 0, SelectedValue SelectedValue) GreenPalette.Palette.CornerRadiusLeft = New CornerRadius (SelectedValue 0 0, SelectedValue) GreenPalette.Palette.CornerRadiusRight = New CornerRadius (0 SelectedValueGreenPalette.Palette.CornerRadiusTop = New CornerRadius(selectedValue, selectedValue, 0,0) End If结束

转角半径的变化

改变不透明度

如果需要更改禁用元素的不透明度，可以使用DisabledOpacity属性如下:

不透明度的视图

更改DisabledOpacity

GreenPalette.Palette.DisabledOpacity = 0.5;

GreenPalette.Palette.DisabledOpacity = 0.5

更改禁用元素的不透明度

控件的ReadOnly状态也同样适用ReadOnlyOpacity属性。默认值为0.2为DisabledOpacity和1为ReadOnlyOpacity财产。

示例的视图

改变不透明度

GreenPalette.Palette.DisabledOpacity = 0.5;GreenPalette.Palette.ReadOnlyOpacity = 0.5;

GreenPalette.Palette.DisabledOpacity = 0.5 GreenPalette.Palette.ReadOnlyOpacity = 0.5

只读元素不透明度的变化

合并修改的调色板资源与StyleManager主题化方法

控件中修改字体、颜色或其他资源时GreenPalette和StyleManager是否用作主题机制，主题的ResourceDictionary需要合并App.xaml文件以应用更改。

在App.xaml中合并主题的ResourceDictionary

<应用程序。资源>     

另请参阅

• 设置主题(使用隐式样式)
• Office2013主题
• VisualStudio2013主题
• Windows8和Windows8Touch颜色和字体