乐趣区

关于devexpress: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>`

退出移动版