用于WPF的Telerik UI免费下载30天试用版

Office2016Touch主题

Office2016Touch主题是主题的变体Office2016主题,特别为适合触摸界面而设计,并提供更大,更易于访问的组件。部分控件只是变大了,但其中一些经过重新设计,便于触摸操作。

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

与Office2016主题的差异

顾名思义,Office2016Touch主题与Office2016主题非常相似,但具有更大的控件和更宽的空间,以便于交互。有几个不同的控件,下图显示了其中的一些。

RadNumericUpDown

RadNumericUpDown与Office2016Touch主题

RadOutlookBar

RadOutlookBar与Office2016Touch主题

RadRibbonView

RadRibbonView与Office2016Touch主题

默认主题颜色

Office2016Touch有一种颜色变化,可以通过主题调色板中的暴露颜色轻松修改。主题中的笔刷的默认值与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

默认主题画笔

主题调色板笔刷的使用方法与Office2016主题

改变调色板颜色

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

一般的命名约定是:Office2016TouchPalette.Palette[名字]。颜色负责[名字]刷——如。Office2016TouchPalette.Palette.AccentColor设置颜色telerik: Offie2016TouchResource ResourceKey = AccentBrush

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

设置调色板颜色

Office2016TouchPalette.Palette.AccentColor= Color.FromRgb(255, 0, 0);

更改字体属性

当使用Office2016Touch主题时,您可以动态更改字形大小FontFamily应用程序中所有组件的属性,方法与其他组件相同可用的主题它们支持ThemePalette。

FontSize和FontFamily属性是公开的,因此您可以轻松地在一个点上修改主题资源。主题中最常用的字体大小名为FontSize,其默认值为12

对于复杂的场景,我们强烈建议设置字形大小属性仅在初始化应用程序之前初始化。另外,我们推荐between的值11 px19像素为它。

默认字体大小和字体族

Office2016TouchPalette.Palette。font - size = 12;Office2016TouchPalette.Palette。font - size = 14;Office2016TouchPalette.Palette。font - size = 16;Office2016TouchPalette.Palette。FontFamily= new FontFamily("Segoe UI");
下面的例子展示了如何将默认的FontFamily从“Segoe UI”更改为“Calibri”,并将FontSize从1416按一下按钮:

视图定义示例

   

改变主题的字体大小和字体家族

private void OnButtonChangeFontSizeClick(对象发送方,RoutedEventArgs e) {Office2016TouchPalette.Palette。font - size = 16;Office2016TouchPalette.Palette。FontFamily= new FontFamily("Calibri"); }
设置字体大小和字体家族

设置字体大小和字体家族

改变FocusThickness

Office2016Touch主题的调色板包括FocusThickness财产。它定义了按钮焦点边界的厚度。由于我们的设计灵感来自Microsoft Office,因此按钮的焦点边界比其他控件和元素的焦点边界要厚。默认情况下,FocusThickness被设置为2,但是可以像其他调色板属性一样轻松地更改它。

改变主题的FocusThickness

Office2016TouchPalette.Palette。FocusThickness= new Thickness(1);
设置FocusThickness

设置FocusThickness

改变转角半径

Office2016Touch主题提供了一种简单的方法来修改应用程序中许多元素的角半径。您可以使用调色板的角半径属性。它们的默认值为0

转角半径设置

Office2016TouchPalette.Palette。CornerRadius = new CornerRadius(0,0,0,0);Office2016TouchPalette.Palette。CornerRadiusTop = new CornerRadius(0,0,0,0);Office2016TouchPalette.Palette。CornerRadiusBottom = new CornerRadius(0,0,0,0);Office2016TouchPalette.Palette。CornerRadiusLeft = new CornerRadius(0,0,0,0);Office2016TouchPalette.Palette。CornerRadiusRight = new CornerRadius(0,0,0,0);

改变默认的角半径

Office2016TouchPalette.Palette。CornerRadius = new CornerRadius(3);Office2016TouchPalette.Palette。CornerRadiusBottom = new CornerRadius(0,0,3,3);Office2016TouchPalette.Palette。CornerRadiusLeft = new CornerRadius(3,0,0,3);Office2016TouchPalette.Palette。CornerRadiusRight = new CornerRadius(0,3,3,0);Office2016TouchPalette.Palette。CornerRadiusTop = new CornerRadius(3,3,0,0);
转角半径设置

转角半径设置

使用符号

与Office2016主题一起引入的字体符号也内置在Office2016Touch主题中。他们提供了许多现成的矢量图标TelerikWebUI字体。您可以从中了解更多关于它们和用法的信息字体字形概述篇文章。

改变不透明度

控件可以很容易地改变任何禁用元素的不透明度DisabledOpacity的性质Office2016TouchPalette.该属性的默认值为0.5

更改禁用的不透明度

Office2016TouchPalette.Palette。DisabledOpacity = 0.3;
设置禁用的不透明度

设置禁用的不透明度

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

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

在App.xaml中合并主题的ResourceDictionary

<应用程序。资源>     

另请参阅

在本文中
Baidu
map