類型樣式允許您以簡化的方式定義元素樣式。

從v.17.2開始，DevExpress WPF套件提供了DevExpress.Xpf.TypedStyles程序集，其中包含以下控件的類型樣式：

• 用于基礎(chǔ)WPF程序集（WindowsBase、PresentationCore、PresentationFramework）中的控件；
• DevExpress WPF 控件。

DevExpress WPF v21.1高速下載

類型樣式 VS 常規(guī)樣式

下圖演示了常規(guī)樣式和類型樣式之間的區(qū)別。

要為多個按鈕設(shè)置常規(guī)樣式，您應(yīng)該實現(xiàn)一個帶有TargetType=Button的 Style，并在單獨的Setter中指定每個屬性。

類型樣式允許您通過以下方式為所有按鈕定義樣式：

• 創(chuàng)建一個名為{ElementName}Style的新資源，其中c是目標類型。

示例：ButtonStyle用于標準Button控件，GridControlStyle用于DevExpress GridControl。

• 不使用setter直接定義屬性值，定義類型樣式的x:Name屬性。
• 分配類型樣式來控制與常規(guī)樣式相同的樣式。

支持的功能

類型樣式支持所有常規(guī)樣式功能。

附加屬性

附加屬性收集在 MergedStyles 屬性中：

XAML

<BorderStyle x:Key="styleWithAttachedProperties">
<KeyboardNavigationStyle IsTabStop="False" />
<FocusManagerStyle IsFocusScope="False" />
<TextBlockStyle FontSize="13" FontWeight="Bold"/>
</BorderStyle>

事件

您可以在沒有EventSetter的情況下指定事件處理程序：

XAML

<BorderStyle x:Key="styleWithEvents" Loaded="BorderStyle_Loaded"/>

標記擴展

立即返回其值的標記擴展（除了 BindingBase 和 DynamicResoureExtension）可以以常規(guī)方式在類型樣式中使用：

XAML

<SolidColorBrush x:Key="greenBrush">Green</SolidColorBrush>
<ButtonStyle x:Key="styleWithMarkupExtensions" BorderBrush="{StaticResource greenBrush}" Foreground="{x:Null}" />

使用 BindingBase 和 DynamicResourceExtension 標記擴展的“*_Source”屬性：

XAML

<ButtonStyle x:Key="styleWithExpressionExtensions" Content_Source="{Binding FirstName}" Tag_Source="{DynamicResource tag}" />

DevExpress 擴展（DXBinding/DXEvent/DXCommand）

/與類型樣式無縫協(xié)作。

XAML

<ButtonStyle x:Key="styleWithDXBinding"
Content_Source="{DXBinding 'FirstName + @Self.Tag + $Button.TemplateProperty.Name'}"
Tag="tag"
Command_Source="{DXCommand 'Click()'}"/>

注意： 不適用于類型化樣式。

基本樣式

您可以通過以下方式定義基本樣式：

XAML

<ButtonBaseStyle x:Key="baseStyle" Background="Red" />
<ButtonStyle x:Key="styleWithBaseStyle" BasedOn="{StaticResource baseStyle}" ClickMode="Hover"/>

Setters

您可以通過填充 *Style.Setters 集合來使用常規(guī) setter。

XAML

<ButtonStyle x:Key="styleWithStandardSetters">
<ButtonStyle.Setters>
<Setter Property="DockPanel.Dock" Value="Bottom" />
</ButtonStyle.Setters>
</ButtonStyle>

隱式樣式

要定義隱式樣式，請使用x:Key替代TargetType：

XAML

<ToggleButtonStyle x:Key="{x:Type ToggleButton}" Width="153" />

目標類型在內(nèi)部設(shè)置為 typed 樣式，因此您不應(yīng)手動設(shè)置它。 例如，要為ListBox 定義VirtualizingPanelStyle，您需要先定義ListBoxStyle。

XAML

<ListBoxStyle x:Key="virtualizingStyle">
<VirtualizingPanelStyle IsVirtualizing="True" />
</ListBoxStyle>

觸發(fā)器

除了類型化樣式之外，DevExpress.Xpf.TypedStyles 程序集還包含每個受支持控件的類型化觸發(fā)器：

XAML

<ButtonStyle x:Key="styleWithTriggers" Margin="1,2,3,4">
<ButtonStyle.Triggers>
<ButtonTrigger Visibility="Hidden" IsMouseOver="True">
<TextBlockStyle FontSize="13" />
</ButtonTrigger>
</ButtonStyle.Triggers>
</ButtonStyle>

您可以在模板中使用類型化觸發(fā)器。 為此，請指定類型化觸發(fā)器的 SourceName 或 TemplateName 屬性：

XAML

<ControlTemplate x:Key="templateWithTriggers" TargetType="Button">
<TextBlock x:Name="textBlock" />
<ControlTemplate.Triggers>
<TextBlockTrigger FontWeight="Black" SourceName="textBlock">
<TextBlockStyle TargetName="textBlock" FontStyle="Oblique"/>
</TextBlockTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>

如果為多個源對象創(chuàng)建觸發(fā)器，則可以定義多個觸發(fā)器：

XAML

<ControlTemplate x:Key="templateWithDifferentSourceNamesTriggers" TargetType="Button">
<StackPanel>
<TextBlock x:Name="textBlock1" />
<TextBlock x:Name="textBlock2" />
</StackPanel>
<ControlTemplate.Triggers>
<ButtonTrigger>
<ButtonTrigger.Triggers>
<MultiTriggerCollection>
<TextBlockTrigger IsMouseOver="True" SourceName="textBlock1"/>
<TextBlockTrigger IsKeyboardFocusWithin="True" SourceName="textBlock2"/>
</MultiTriggerCollection>
</ButtonTrigger.Triggers>
<TextBlockStyle FontWeight="Bold"/>
</ButtonTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>

數(shù)據(jù)觸發(fā)器

使用 TypedDataTrigger 將類型樣式與數(shù)據(jù)觸發(fā)器一起使用。

XAML

<ButtonStyle x:Key="styleWithDataTriggers" Margin="1,2,3,4">
<ButtonStyle.Triggers>
<TypedDataTrigger Binding="{Binding FirstName}" Value="Jon">
<TextBlockStyle FontSize="13" />
</TypedDataTrigger>
</ButtonStyle.Triggers>
</ButtonStyle>

在您的代碼中使用

引用和命名空間

所有類型化的樣式和觸發(fā)器都在 {Corresponding control namespace}.TypedStyles 命名空間中實現(xiàn)。

示例：ButtonStyle - System.Windows.Controls.TypedStyles.

類型化樣式的 XAML 命名空間與相應(yīng)控件的命名空間相同——您不需要添加任何額外的命名空間引用。 要使用類型化樣式，請在您的項目中引用 DevExpress.Xpf.TypedStyles 程序集。

限制

• Visual Studio 和 Blend 不支持類型化樣式，編輯 XAML 時使用類型化樣式。
• 不能將類型化樣式應(yīng)用于泛型類型元素或其后代（例如，應(yīng)用于 DXTabControl 或 Wizard 類），使用帶有此元素的常規(guī)樣式作為 TargetType。

性能

類型樣式的性能與常規(guī)樣式相當，以下常規(guī)樣式在測試機上應(yīng)用 200 毫秒：

XAML

<Style x:Key="style00" TargetType="Button">
<Setter Property="FontFamily" Value="CourierNew"/>
<Setter Property="FontSize" Value="12"/>
<Setter Property="FocusVisualStyle" Value="{x:Null}"/>
<Setter Property="Focusable" Value="False"/>
<Setter Property="Content" Value="test"/>
<Setter Property="Background" Value="Red"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="Margin" Value="1,2,3,4"/>
<Setter Property="Cursor" Value="Hand"/>
</Style>

以下通過類型樣式實現(xiàn)的模擬在測試機上應(yīng)用了 130 毫秒：

XAML

<ButtonStyle x:Key="style00"
FontFamily="CourierNew"
FontSize="12"
FocusVisualStyle="{x:Null}"
Focusable="False"
Content="test"
Background="Red"
BorderThickness="1"
Margin="1,2,3,4"
Cursor="Hand"
/>

DevExpress WPF | 下載試用

DevExpress WPF擁有120+個控件和庫，將幫助您交付滿足甚至超出企業(yè)需求的高性能業(yè)務(wù)應(yīng)用程序。通過DevExpress WPF能創(chuàng)建有著強大互動功能的XAML基礎(chǔ)應(yīng)用程序，這些應(yīng)用程序?qū)Ｗ⒂诋敶蛻舻男枨蠛蜆?gòu)建未來新一代支持觸摸的解決方案。 無論是Office辦公軟件的衍伸產(chǎn)品，還是以數(shù)據(jù)為中心的商業(yè)智能產(chǎn)品，都能通過DevExpress WPF控件來實現(xiàn)。

DevExpress技術(shù)交流群5：742234706      歡迎一起進群討論