DevExpress控件使用交流,DevExpress中国社区Dev联系电话 联系电话:023-68661681

WPF界面开发工具DevExpress WPF使用教程:WPF外观自定义

来源:   发布时间:2020-12-07   浏览:1169次

下载DevExpress v20.2完整版

DevExpress v20.2汉化资源获取

通过DevExpress WPF Controls,您能创建有着强大互动功能的XAML基础应用程序,这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。

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>

WPF界面开发工具DevExpress WPF使用教程
支持标准属性

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

  • 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" …/>

WPF界面开发工具DevExpress WPF使用教程
Bar Triggers

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

WPF界面开发工具DevExpress WPF使用教程

由于工具栏项是非可视元素,因此很难使用常规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>

WPF界面开发工具DevExpress WPF使用教程

上DevExpress中文网,获取第一手最新产品资讯!

DevExpress技术交流群2:775869749      欢迎一起进群讨论

慧都2020年终大促
本站文章除注明转载外,均为本站原创或翻译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:DevExpress控件中文网 [https://www.devexpresscn.com/]
本文地址:https://www.devexpresscn.com/post/2055.html

相关产品: DevExpress Universal Subscription,

在线
客服
微信
QQ 电话
023-68661681
返回
顶部