Office2016主题
的Office2016主题
提供了一个扁平的现代UI,由单一的颜色变化表示,设计很容易定制。
跳转到以下主题以了解主题的调色板和特性的细节。
默认主题颜色
Office2016有一种颜色变化,但它的设计很容易通过主题调色板中的暴露颜色进行修改。主题中画笔的默认值如下:
颜色名称 | 十六进制代码 | |
---|---|---|
MainColor | # FFFFFFFF | |
PrimaryColor | # FFE6E6E6 | |
ComplementaryColor | # FFE1E1E1 | |
AlternativeColor | # FFF1F1F1 | |
BasicColor | # FFABABAB | |
MarkerColor | # FF444444 | |
MarkerInvertedColor | # FFF9F9F9 | |
IconColor | # FF444444 | |
ValidationColor | # FFE81123 | |
AccentColor | # FF2A579A | |
AccentMouseOverColor | # FF3E6DB6 | |
AccentPressedColor | # FF19478A | |
AccentFocusedColor | # FF88C3FF | |
MouseOverColor | # FFC5C5C5 | |
PressedColor | # FFAEAEAE | |
SelectedColor | # FFEBEBEB | |
ReadOnlyBackgroundColor | # FFFFFFFF | |
ReadOnlyBorderColor | # FFABABAB |
默认主题画笔
下面你可以找到更多关于每个笔刷的细节,以及它通常应用的地方。
MainBrush
-这个笔刷默认是白色的,主要用作控件的背景。MarkerBrush
-这个笔刷默认是深色的,它被用作前景色。MarkerInvertedBrush
-这个笔刷默认是浅色的,当你与控件交互时,它主要用作前景色。如果控件具有重音交互状态,我们应用画笔以获得更好的对比度。
Office2016调色板为不同的交互状态提供了重音刷和非重音刷。
的口音刷默认是深蓝色笔刷,用于突出显示输入和交互元素——例如按钮。
AccentBrush
-这是主要的口音刷,它主要用于标题和交互反馈。AccentMouseOverBrush
-这个笔刷是明亮的蓝色阴影,它用于重音色鼠标在状态下的控件。AccentPressedBrush
-这是最深的蓝色阴影,它用于在重色按下状态的控件。
的non-accent刷在默认情况下是不同深浅的灰色,用于辅助输入或导航元素和其他不需要重音的组件中的交互反馈——例如RadListBox, RadRibbonView中的按钮。
MouseOverBrush
-这是鼠标悬停状态下控件背景的非重音笔刷。PressedBrush
-这是在按下状态下控件背景的非重音笔刷。SelectedBrush
-这是在选定状态下控件背景的非重音笔刷。AccentFocusedBrush
-这个笔刷是浅蓝色的,它是聚焦视觉的默认笔刷,很少用于其他交互。ValidatonBrush
-这个笔刷默认是红色的,它用于失败的验证,在我们的控制中适用。
除了主刷之外,还有几个笔刷用作背景色。
PrimaryBrush
-这个笔刷被用作禁用状态下输入控件的背景。AlternativeBrush
-这个笔刷被用作替代背景-即弹出窗口或如果我们想要区分一个元素从另一个和更复杂的控件- RadRichTextBox, RadImageEditor, RadTabControlItem。ComplementaryBrush
-这是用于更复杂的控件或其状态的组件的背景。例如RadOutlookBar, RadPanelBar, RadTreeView。
默认的笔刷/边框如下:
BasicBrush
-这个笔刷是灰色的,在正常状态下,它被用作控件的默认边界笔刷。IconBrush
-这个笔刷默认是黑色的,它用于字形和路径。
还有两种只读画笔:
ReadOnlyBackgroundBrush
-这个笔刷默认为白色,在只读状态下用作控件的背景笔刷。ReadOnlyBorderBrush
-这个笔刷默认为浅灰色,在只读状态下用作控件的边界笔刷。
下面是一个如何改变它们的例子:
更改只读颜色
Office2016Palette.Palette。ReadOnlyBackgroundColor= (Color)ColorConverter.ConvertFromString("#FFFBDD"); Office2016Palette.Palette.ReadOnlyBorderColor = (Color)ColorConverter.ConvertFromString("#5F5F5F");
主题颜色
改变调色板颜色
Office2016提供了动态变化的调色板颜色,负责在我们的控件中使用的画笔。它们的默认值如上所述。此机制用于修改主题的颜色变化。
一般的命名约定是:Office2016Palette.Palette[名字]。颜色
负责[名字]刷
——如。Office2016Palette.Palette.AccentColor
设置颜色telerik: Offie2016Resource ResourceKey = AccentBrush
更改颜色可以在后面的代码中实现。
设置调色板颜色
Office2016Palette.Palette.AccentColor= Color.FromRgb(255, 0, 0);
更改字体属性
使用Office2016主题时,您可以动态更改字形大小
和FontFamily
应用程序中所有组件的属性,方法与其他组件相同可用的主题它们支持ThemePalette。
FontSize和FontFamily属性是公开的,因此您可以轻松地在一个点上修改主题资源。主题中最常用的字体大小名为FontSize,其默认值为12。
对于复杂的场景,我们强烈建议在初始化应用程序之前设置FontSize属性。另外,我们推荐between的值11 px和19像素为它。
下面的示例显示了默认字体大小和字体族。
默认字体大小和字体族
Office2016Palette.Palette。font - size = 10;Office2016Palette.Palette。font - size = 12;Office2016Palette.Palette。font - size = 14;Office2016Palette.Palette。FontFamily= new FontFamily(“Segoe UI”);
视图定义示例
改变主题的字体大小和字体家族
private void OnButtonChangeFontSizeClick(对象发送方,RoutedEventArgs e) {office2016palette .调色板。font - size = 14;Office2016Palette.Palette。FontFamily= new FontFamily("Calibri"); }
改变FocusThickness
的Office2016
主题选项板包括FocusThickness
财产。它定义了按钮焦点边界的厚度。由于我们的设计灵感来自Microsoft Office,因此按钮的焦点边界比其他控件和元素的焦点边界要厚。默认情况下,FocusThickness被设置为2,但它很容易以类似于其他调色板属性的方式进行更改。
设置焦点边框厚度
Office2016Palette.Palette。FocusThickness= new Thickness(1);
设置焦点边框的厚度
改变转角半径
Office2016主题提供了一种简单的方法来修改应用程序中许多元素的角半径。您可以使用调色板的角半径属性。缺省情况下,所有的半径值都是0。
转角半径设置
Office2016Palette.Palette。CornerRadius = new CornerRadius(0,0,0,0);Office2016Palette.Palette。CornerRadiusTop = new CornerRadius(0,0,0,0);Office2016Palette.Palette。CornerRadiusBottom = new CornerRadius(0,0,0,0);Office2016Palette.Palette。CornerRadiusLeft = new CornerRadius(0,0,0,0);Office2016Palette.Palette。CornerRadiusRight = new CornerRadius(0,0,0,0);
改变默认的角半径
Office2016Palette.Palette。CornerRadius = new CornerRadius(2);Office2016Palette.Palette。CornerRadiusBottom = new CornerRadius(0,0,2,2);Office2016Palette.Palette。CornerRadiusLeft = new CornerRadius(2,0,0,2);Office2016Palette.Palette。CornerRadiusRight = new CornerRadius(0,2,2,0);Office2016Palette.Palette。CornerRadiusTop = new CornerRadius(2,2,0,0);
使用符号
在Office2016主题中,引入了一种添加图标和类似图标的图像的方法,以替换在此之前引入的主题中使用的图像或路径。的TelerikWebUI
Font提供了超过400个可伸缩的矢量字形,可供我们的客户使用。这种方法提供了许多优点和好处,包括:
- 字形是矢量路径,很容易扩展而不损失质量。
- 有很多不同的漂亮的内置符号可供选择。
- 它们很容易上色——因为它们是文本形状。它是通过设置前景色来实现的,这允许它们在控件的背景在不同的交互状态下在浅色和深色之间变化的场景中使用——例如按钮。
- 它们都包含在小字体文件中,可以通过包含Telerik.Windows.Controls程序集和合并所需的资源字典来使用,以便于引用。
- 当包含所需资源时,它们可用于我们的任何主题。它们不是特定于Office2016主题的。
由于每个字形的字符串值都是不明确的,并且与其形状无关,因此我们提供了一个包含键值对的资源字典,以便在项目中更容易使用和引用。它还为未来包含的新字形提供兼容性,因为它可以更新到现有字形的字符串值的任何变化,而无需更改项目中的引用。
添加带有符号的资源词典
< ResourceDictionary源= " / Telerik.Windows.Controls;组件/主题/ FontResources.xaml " / >
使用符号
您可以阅读更多关于新字形特性的用法,并在这篇文章。
改变不透明度
控件可以很容易地改变任何禁用元素的不透明度DisabledOpacity
的性质Office2016Palette
。该属性的默认值为0.5。
设置禁用的不透明度
Office2016Palette.Palette。DisabledOpacity = 0.3;
合并修改的调色板资源与StyleManager主题化方法
控件中修改字体、颜色或其他资源时Office2016Palette
和StyleManager
是否用作主题机制,主题的ResourceDictionary
需要合并App.xaml文件以应用更改。
在App.xaml中合并主题的ResourceDictionary
<应用程序。资源>