WinForm应用界面开发之高质量矢量图像的使用

点击获取DevExpress v21.1完整版下载

DevExpress技术交流群3：700924826 欢迎一起进群讨论

DevExpress WinForms拥有180+组件和UI库，能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序，无论是Office风格的界面，还是分析处理大批量的业务数据，它都能轻松胜任！

DevExpress WinForms控件支持传统的栅格和矢量（SVG）图像。栅格图像使用更频繁，但在高DPI屏幕上变得模糊。可以调整矢量图像的大小，而不会降低质量。

通常通过ImageOptions属性组设置这两种类型的图像。

C#/VB.NET

simpleButton1.ImageOptions.SvgImage = SampleApp.Properties.Resources.security_high;
simpleButton2.ImageOptions.Image = SampleApp.Properties.Resources.Apple;

在设计时，使用类似Image Gallery或Image Picker之类的工具将所需的图像快速分配给控件。

栅格图像库

在设计时为DevExpress UI元素指定图标时，将出现带有两个选项卡的“Image Picker” 对话框：第一个选项卡显示Visual Studio图像选择器；第二个显示DevExpress图像库。

下图说明了DevExpress Image Gallery界面：

Category List：图像库中的图标按类别分组：箭头、邮件、导航、缩放等，您可以取消选中类别来将其从库中排除。
Size Selector：图像库图标有两种尺寸 - 16x16和32x32像素。
Color Palettes：该组中的复选框允许您通过配色方案选择图像。
- Colored - 包含体积多色图像（默认）。
- Grayscale - 与单色UI匹配的平面深灰色图标。
- DevAV - 平的混合用户界面图标。
- Office 2013 - Office 2013风格的图标。
Resource Selector：您可以将选定的图标添加到表单或项目资源中，如果将DevExpress图标添加到项目资源，则可以在标准Visual Studio “Select Resource”对话框中将该图标分配给非DevExpress控件。
Search Panel：允许您按图标名称查找图标（例如“保存”）。

SVG图像库

指定矢量图像（例如BarItemImageOptions.SvgImage属性）时，将调用SVG图像库。

该图库不允许您按大小和颜色过滤矢量图标，因为它们会根据SvgImageSize或其他控件设置进行缩放，并会根据所应用的皮肤/调色板自动更改其颜色。

图像选择器

要一次为多个UI元素设置图标，请点击表单的智能标签，然后选择“Image Picker”选项。图像选择器是一个非模式面板，您可以将其停靠在Visual Studio中的任何位置，您可以将图标从此面板拖放到UI元素上。图像选择器可以“读取”所选元素的标题并建议与该名称匹配的图标。

从版本19.1开始，可以使用Image Picker分配矢量图像和光栅图像，早期的Image Picker版本仅支持SVG图像。

您可以将选定的Image Picker图像复制到项目资源，为此请使用面板右上角的按钮。

下面的代码说明了如何在代码中检索资源图像。

C#/VB.NET

simpleButton1.ImageOptions.SvgImage = SampleApp.Properties.Resources.security_high;

图像URI（上下文相关的光栅图像）

使用Image URI功能，您可以使用传统的光栅图像，这些图像会根据所应用的外观和控件的大小自动调整其大小和配色方案。以下屏幕截图演示了工具栏按钮的上下文相关图像如何在不同的皮肤中显示：

支持上下文相关图像的DevExpress控件和组件提供DxImageUri类型的ImageUri属性，DxImageUri.Uri属性使您可以按名称访问DX图像库图像。例如，在上图中，工具栏按钮的ImageUri属性使用“Open”, “Save”, “SaveAll”, “Undo” 和 “Redo”名称。指定图像名称后，控件会自动显示与所应用的皮肤/图像尺寸相对应的图像。

在设计时，要为控件/组件指定上下文相关的图像，请选择control/component，然后单击ImageUri属性旁边的省略号按钮。单击省略号按钮调用Image Picker，然后选择一个图像并单击OK。

在代码中，您可以指定ImageUri属性，如下所示。图像名称可以在Image Picker对话框中找到，将鼠标悬停在图像上显示其通用名称作为工具提示。

C#/VB.NET

barButtonItem1.ImageUri.Uri = "SaveAll";

显示图像的大小（及其配色方案）是自动确定的，例如Ribbon控件中的按钮可以显示大或小图标。当控件的宽度减小时，Ribbon控件可以自动显示较小的按钮图像。使用ImageUri属性将图像分配给Ribbon按钮时，Ribbon会自动指定图标大小。

注意：使用URI名称分配图像时，应部署DevExpress.Images.v20.2库。

图像集

图像库不提供公共API来从代码访问其图像，解决方法是可以使用Gallery图标填充任何DevExpress图像集合（ImageCollection, SvgImageCollection），并使用该集合在代码中分配图像。

C#/VB.NET

myButton.Image = imageCollection1.Images[2];

您还可以使用存储在参考程序集中的图像填充这些集合，为此请调用将程序集名称作为参数的Add方法重载，或在设计时单击相应的智能标记菜单项。

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

WinForm应用界面开发之高质量矢量图像的使用相关推荐

9、10、11、12、13_添加标注 (Annotations)、添加网格线（Grid Lines）、显示中文字体、保存图形（saving Figures）、高质量矢量图输出
9.添加标注 (Annotations) 10.添加网格线(Grid Lines) 11.显示中文字体 12.保存图形(saving Figures) 13.高质量矢量图输出 9.添加标注 (Anno ...
无需用户输入，Adobe提出自动生成高质量合成图像新方法
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达没有用户输入,也能生成高质量的合成图像吗? 编辑:迈威AI研习社 ...
无需用户输入！Adobe提出自动生成高质量合成图像新方法
点击上方,选择星标或置顶,不定期资源大放送! 阅读大概需要15分钟 Follow小博主,每天更新前沿干货本文转载自:机器之心 | 作者:He Zhang等编辑:小舟.杜伟没有用户输入,也能生 ...
科技最前沿！Adobe提出自动生成高质量合成图像新方法
点上方蓝字计算机视觉联盟获取更多干货在右上方 ··· 设为星标 ★,与你不见不散仅作学术分享,不代表本公众号立场,侵权联系删除转载于:机器之心 AI博士笔记系列推荐周志华<机器学习> ...
NVIDIA开源DG-Net：用GAN生成高质量行人图像，辅助行人重识别/在线试衣
前几天英伟达开源了DG-Net的源码.让我们来回顾一下这篇CVPR19 Oral的论文. 论文是英伟达(NVIDIA), 悉尼科技大学(UTS), 澳大利亚国立大学(ANU)的研究人员在CVPR19 ...
初学者如何开发出高质量J2EE系统
J2EE学习者越来越多,J2EE本身技术不断在发展,涌现出各种概念,本文章试图从一种容易理解的角度对这些概念向初学者进行解释,以便掌握学习 J2EE学习方向. 首先我们需要知道Java和J2EE是两个 ...
使用Formik轻松开发更高质量的React表单（一）入门
前言发现Formik是在我学习redux-form过程中从国外一篇博客上偶然发现的,看到作者的高度肯定后我立即转到github上,正如许多朋友所关注的,Formik的星数达8282,这个数字在git ...
使用Formik轻松开发更高质量的React表单（二）使用指南
一个基本的例子设想你要开发一个可以编辑用户数据的表单.不过,你的用户API端使用了具有类似下面的嵌套对象表达: {id: string,email: string,social: {facebook ...
WinForm应用界面开发 - 什么是DevExpress WinForm打印控件？
所有可打印的DevExpress .NET控件都使用XtraPrinting库提供的方法打印. 获取工具下载 - DevExpress WinForm v21.1 DevExpress技术交流群4:7 ...

WinForm应用界面开发之高质量矢量图像的使用

WinForm应用界面开发之高质量矢量图像的使用相关推荐

最新文章

热门文章