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>`