DevExpress WinForms使用教程:皮肤颜色和LookAndFeel
v18.2版本中更改了控制背景颜色和皮肤一起处理的方式。在v18.1中引入了Project Settings页面,其中包含一个skin selector。这个机制取代了DefaultLookAndFeel组件的大多数用例。 对于许多应用来说,在全球范围内应用皮肤是一种可行的方法 - 它易于操作并且可以实现整体一致性。
但是大多数单独的DevExpress WinForms控件有属于自己的LookAndFeel属性,这个属性已存在多年,这些属性启用外观和单个样式的每个控件配置。但这种机制可能会让新用户困惑,而且每个控件非常有用的用例很少。
用于突出UI元素的颜色
为什么要破坏设计一致性并覆盖单个控件的全局皮肤设置?据调查表明只有一个重要的场景:使用特殊颜色突出显示特定的UI元素。如果您出于本用例未涵盖的原因自定义控件LookAndFeel设置,可随时通过电子邮件联系开发团队:winformsteam@devexpress.com。
在以前的版本中,没有直接的方法将高亮颜色应用于UI元素。自定义背景颜色仅在为控件关闭皮肤时使用,并且需要大量条件代码来调颜色和运行时的外观配置。
v18.2中随处自定义颜色
这是一个比较重大的更新:从v18.2开始,您现在可以应用自定义前景色和背景色,而无需停用外观。 为了清楚起见,这意味着即使LookAndFeel.Style = DevExpress.LookAndFeel.LookAndFeelStyle.Skin – 这些设置组合被忽略。
Skin-coordinated高亮颜色
您现在可以为控件前景色和背景色选择特殊值,每个皮肤对其进行不同的解释。

有五种特殊颜色值:Primary, Info, Warning, Danger和Success,根据当前皮肤(和矢量皮肤的调色板),这些颜色使用不同的色调以保持与皮肤一致。通过将控件的颜色配置为这些特殊值,您可以轻松实现与当前肤色完美结合的控件突出显示外观。

例如,要实现此自定义编辑表单的外观,您可以选择Update按钮背景的皮肤信息和Cancel按钮的Danger。以下是不同Bezier调色板中这些设置的按钮外观图示。

当然,也可以从代码中分配皮肤:
|
1
2
|
colId.AppearanceHeader.BackColor =DevExpress.LookAndFeel.DXSkinColors.FillColors.Question; |
您当前可以将皮肤特殊值指定为这些UI元素的背景:
- Grid Control:Column和Band headers、LayoutView和CardView 卡片标题
- Simple Button
- Tabs
- Group Control
- Dock Panels
- Layout Control groups
- Tree List:Column和Band标题
将在发布时提供对Pivot Grid列标题的支持。
皮肤特殊值可用于前景色而没有限制。 但是建议不要同时将背景和前景色设置为肤色特殊值! 将此类值指定给背景颜色属性时,它们会自动更改相关的前景色调以提高可读性。

每个控件的LookAndFeel已弃用
LookAndFeel随着v18.2中的更改,不再需要单个控件上的LookAndFeel属性。 它们现在仍然可用,但在编辑对话框中显示一条警告消息:

对于将来的版本,我们打算从design-time中隐藏属性。
上面详述的更改存在一个潜在问题:您可能在过去配置了Appearance.BackColor属性,而LookAndFeel.Style设置为Skin。 这样的设置可以是用于look&feel配置的快速“tests”的剩余部分,或者是由于外观取代的先前UI样式。在这种情况下,将项目升级到v18.2后,您可能会看到意外的控件背景颜色。
为了帮助您在项目中发现任何此类问题,我们扩展了本页描述的有关DirectX的诊断API。 对于许多情况,设置PaintApiDiagnosticsLevel.Throw模式会很有帮助,如下所示:
|
1
2
|
DevExpress.XtraEditors.WindowsFormsSettings.ForcePaintApiDiagnostics(DevExpress.Utils.Diagnostics.PaintApiDiagnosticsLevel.Throw); |
因此,当控件呈现的背景颜色不是skinned颜色(即不是DevExpress.LookAndFeel.DXSkinColors.FillColors值)时,您将看到抛出异常。这是推荐的方法,因为它可以快速引导您使用自定义颜色的代码位置。
或者如果您不喜欢处理许多单独的异常,您可以利用跟踪模式生成日志输出到文件或控制台:
|
1
2
3
4
|
WindowsFormsSettings.ForcePaintApiDiagnostics(PaintApiDiagnosticsLevel.Trace,(apiLevel, api) => {Console.WriteLine(apiLevel.ToString() + ": " + api);}); |
lambda表达式的api参数将包含一个类似AppearanceHeader.BackColor的字符串。 有了这些,您可以在代码中搜索每个相关属性的出现次数并评估其设置方式。
DevExpress 2019全新出发,多套购买享更低优惠!
扫描关注DevExpress中文网微信公众号,及时获取最新动态及最新资讯

DevExpress WinForms使用教程:皮肤颜色和LookAndFeel的更多相关文章
- DevExpress WinForms使用教程:新的CheckEdit样式
[DevExpress WinForms v18.2下载] 在最开始CheckEdit控件有16种样式, 使用CheckStyle属性,开发人员可以选择其中一种样式.随着时间推移,与其他Windows ...
- DevExpress WinForms使用教程:Data Grid - Find Panel模式
[DevExpress WinForms v18.2下载] DevExpress WinForms用户都熟知,Data Grid是整个产品线的主要产品.在v18.2中添加了一些新的功能,例如之前教程中 ...
- DevExpress WinForms使用教程:WinForms Fluent Design和Acrylic Effects
在先前的版本发布中,宣布支持Fluent Design Form和Acrylic effects——旨在复制Microsoft下一代UI metaphor的新功能.本文主要介绍如何实现此功能,并明确说 ...
- DevExpress WinForms使用教程:SVG图库和Image Picker
[DevExpress WinForms v18.2下载] 每个新版本都在几个新控件中引入了矢量图标支持. 对于v18.2,这是列表: BackstageViewControl及其项目 RecentI ...
- DevExpress WinForms使用教程:Ribbon性能
[DevExpress WinForms v18.2下载] DevExpress XAF团队提供Ribbon新能改进,其中XAF Office Module的实际应用程序需要花费很长时间才能加载,导致 ...
- DevExpress WinForms使用教程:Diagram Control
[DevExpress WinForms v18.2下载] DevExpress WinForms v18.2包含WinForms和WPF Diagram Controls的三个高要求功能:新的Dia ...
- DevExpress WinForms使用教程:图表控件 - 内置深入查询
[DevExpress WinForms v18.2下载] 在最新发布的DevExpress WinForms v18.2中,DevExpress WinForms和ASP.NET图表控件引入嵌套系列 ...
- DevExpress WinForms使用教程:WinForms Sunburst控件
[DevExpress WinForms v18.2下载] DevExpress WinForms v18.2中包含了一个新的WinForms组件 - WinForms Sunburst,它旨在帮助开 ...
- DevExpress WinForms v18.2新版亮点(六)
行业领先的.NET界面控件2018年第二次重大更新——DevExpress v18.2日前正式发布,本站将以连载的形式为大家介绍各版本新增内容.本文将介绍了DevExpress WinForms v1 ...
随机推荐
- 记录近期面试题,面试总结 (从css - vue 全面面试题)
记录近期换工作时遇到的面试题和面试题答案 css 部分 盒模型 问题:说一下 css 的盒模型 盒模型分为标准模型和怪异盒模型(IE 盒模型) 标准盒模型:盒模型的宽高只是内容(content)的宽高 ...
- React Native图片缓存解决方案
1. react-native-fetch-blob 将图片存在本地的一个东西 2. react-native-img-cache 自动缓存的一个东西 上面装好后 就可以使用啦 import {Cac ...
- vue ui 启动,浏览器报错Unexpected token <
可能的解决办法: 选择清空缓存并硬性重新加载页面. 如果不行,全局卸载@vue/cli,重新安装.
- selenium如何屏蔽谷歌浏览器弹出的通知
使用selenium访问新浪微博的时候 浏览器总会有个通知,需要点击 类似下面这样 下面使用chromeoptions来修改浏览器的设置 from selenium import webdrive ...
- R语言 重命名目录下所有文件
myfilepath <- "F:/paper2/climateExposure/wjj_mec/second/paths/" setwd(myfilepath) allty ...
- Android人脸识别Demo竖屏YUV方向调整和图片保存
本博客包含三个常用方法,用于盛开Android版人脸识别Demo中竖屏使用时送入yuv数据,但一直无法识别的情况. 1.首先可以尝试顺时针旋转90°或270°,然后送入识别SDK. 2.旋转方向后依然 ...
- 数据流中的中位数 Find Median from Data Stream
2019-04-17 16:34:50 问题描述: 问题求解: class MedianFinder { PriorityQueue<Integer> smaller; PriorityQ ...
- windows下用c++调用caffe做前向
参考博客: https://blog.csdn.net/muyouhang/article/details/54773265 https://blog.csdn.net/hhh0209/article ...
- 亚马逊VE账号运营
VE劲爆内幕大揭秘!“仿牌+Amazon VE”跟卖之路 Amazon Vendor Express 是Amazon.com2015年下旬推出的新的供应商平台,商家通过这个平台可以把产品卖给Amazo ...
- 20190412wdVBA 排版
Sub LayoutForExamPaper() Dim StartTime As Variant Dim UsedTime As Variant StartTime = VBA.Timer Appl ...