2021轻松美化复杂应用程序界面，这款工具能够了解一下

点击获取工具>>
DevExpress v20.1版本包含控件外观属性的扩展列表，本文总结了外观自定义加强功能，您能够将它们集成到由DevExpress支持的WPF应用中。

DateNavigator控件

如今，您能够为如下单元状态指定单元外观：

• MouseOverState
• DisabledState
• InactiveState
• FocusedState
• SelectedState
• TodayState
• SpecialDateState
• HolidayState
• NormalState.

下面的代码示例指定了特殊的日期前景，并禁用了当前日期的突出显示：

`<dxe:DateNavigator>
<dxe:DateNavigator.Appearance>
<dxe:DateNavigatorCellAppearance>
<dxe:DateNavigatorCellAppearance.SpecialDateState>
<dxe:DateNavigatorStateAppearance Foreground="#FF7200" BorderThickness="0"/>
</dxe:DateNavigatorCellAppearance.SpecialDateState>
<dxe:DateNavigatorCellAppearance.TodayState>
<dxe:DateNavigatorStateAppearance BorderBrush="White"/>
</dxe:DateNavigatorCellAppearance.TodayState>
</dxe:DateNavigatorCellAppearance>
</dxe:DateNavigator.Appearance>
</dxe:DateNavigator>`

支持标准属性

技术团队扩展了支持如下标准自定义属性的控件列表：

• Background / Foreground
• BorderBrush
• BorderThickness
• CornerRadius
• Margin / Padding

最近的主题（Office 2016 SE，Office 2019，VS 2017，VS 2019）如今为如下控件提供加强的模板：

• 功能区项目、页面、类别和组
• 工具栏和工具栏项
• 上下文菜单和上下文菜单项
• SimpleButton、DropDownButton和SplitButton

受支持的外观设置使您能够快速自定义整个应用程序的外观，或建立单独的UI元素。 例如，下面的代码段建立了一个橙色的操做按钮，您的用户将不会错过。

`<dx:SimpleButton Content="Simple button" Background="#FF7200" Foreground="White"
Padding="10" CornerRadius="5" BorderBrush="#505050" BorderThickness="3" …/>`

Bar Triggers

DevExpress Ribbon中使用的工具栏项和工具栏是非可视元素，它们在UI中生成可视副本。 同一项目能够同时显示在多个位置。 例如，下面的图像在Ribbon页面和Quick Access Toolbar区域中显示相同的项目：

因为工具栏项是非可视元素，所以很难使用常规WPF触发器自定义关联的可视状态。 在v20.1中，为工具栏项引入了自定义触发器，这些触发器提供与常规WPF触发器相同的功能，但能够直接为工具栏项定义。

如下是根据检查状态来自定义BarCheckItems外观的方法：

`<dxb:BarCheckItem Content="Private" …>
<dxb:BarCheckItem.Triggers>
<dxb:ItemTrigger Property="IsChecked" Value="True">
<dxb:ItemSetter Property="Background" Value="#ffeb3b"/>
</dxb:ItemTrigger>
</dxb:BarCheckItem.Triggers>
</dxb:BarCheckItem>
<dxb:BarCheckItem Content="High Importance" …>
<dxb:BarCheckItem.Triggers>
<dxb:ItemTrigger Property="IsChecked" Value="True">
<dxb:ItemSetter Property="Background" Value="#d20f38"/>
<dxb:ItemSetter Property="Foreground" Value="White"/>
</dxb:ItemTrigger>
</dxb:BarCheckItem.Triggers>
</dxb:BarCheckItem>`