彩票走势图

Essential Studio 2019v3版本解读:Xamarin图像编辑器新功能

翻译|使用教程|编辑:陈津勇|2019-10-31 13:09:10.967|阅读 389 次

概述:本文详细介绍了Essential Studio for Xamarin最新版中Image Editor控件的新功能及使用方法。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

在Essential Studio 2019v3版本中,开发团队为Xamarin.Forms中的Image Editor控件添加了以下新功能:

  • 支持图像滤镜效果。

  • 选项可添加只读文本。

  • 为添加的对象启用或禁用调整大小功能的设置。

本文,小编将通过示例详细介绍以上新功能。

老规矩,在正式介绍前,请点击下方按钮下载Essential Studio for Xamarin最新版,以便同步体验新功能。

下载Essential Studio for Xamarin正式版


图像滤镜效果支持

Image Editor滤镜效果允许用户将不同的滤色镜应用于图像。此功能用于增强现有图像的颜色和纹理。目前,Image Editor控件提供六种类型的图像效果选项:

  • 色调

  • 饱和

  • 亮度

  • 对比

  • 模糊

  • 锐化

可以通过Image Editor工具栏或使用ApplyImageEffect方法通过代码来应用以上效果。

接下来,小编将演示将单个滤镜效果应用于下图。

色调

色调代表图像中颜色的主要波长,其值介于-180到180之间。当值为“0”时,表示色调效果没有变化,并且图像以其原始颜色显示。要将色调效果应用于图像,可使用工具栏中的“色调”选项,或使用以下XAML/C#代码:

<imageeditor:SfImageEditor Source =“ {绑定图像}” x:Name =“ imageEditor” ImageEffect =“色调” EffectValue =“-90”>
imageEditor.ApplyImageEffect(ImageEffect.Hue,-90);

下图为当值为-90时的图:

饱和

饱和度是颜色的强度,其值介于-100到100之间。当值为“0”时,表示饱和度效果没有变化,并且图像以其原始颜色显示。当值为“-100”时,图像将为黑白色。如果值为“100”,图像颜色将过于饱和。要将饱和度效果应用于图像,可使用工具栏中的“饱和度”选项,或使用以下XAML/C#代码。

<imageeditor:SfImageEditor Source =“ {绑定图像}” x:Name =“ imageEditor” ImageEffect =“ Saturation” EffectValue =“-80”>
imageEditor.ApplyImageEffect(ImageEffect.Saturation,-80);

下图为饱和度值为-80时的图像:

亮度

亮度表示图像颜色的亮度,其值介于-100到100之间。当值为“0”时,表示亮度没有变化,并且图像以其原始颜色显示。设置正值,将增加图像的亮度,设置负值可降低图像的亮度。当值为“100”时,图像将处于全亮度并显示为完全白色。当值为“-100”时,没有亮度,图像显示为黑色。要将亮度效果应用于图像,可使用工具栏中的“亮度”选项,或使用以下XAML/C#代码:

<imageeditor:SfImageEditor Source =“ {绑定图像}” x:Name =“ imageEditor” ImageEffect =“ Brighness” EffectValue =“-20”>
imageEditor.ApplyImageEffect(ImageEffect.Brightness, -20);

下图为亮度值为-80时的图像:

对比

对比度代表图像中颜色之间的差异,其值介于-100到100之间。当值为“0”时,表示对比度效果没有变化,并且图像是其原始颜色。当值为“-100”时,将产生完整的灰色图像,而值为“100”时将产生对比度过高的图像。要将对比度效果应用于图像,可使用工具栏中的“对比度”选项,或使用以下XAML/C#代码。

<imageeditor:SfImageEditor Source =“ {绑定图像}” x:Name =“ imageEditor” ImageEffect =“对比度” EffectValue =“ 75”>
imageEditor.ApplyImageEffect(ImageEffect.Contrast, 75);

下图为当对比度值为75时的图像:

模糊

模糊代表图像的清晰度,其效果值的范围是0到6,效果值越大,图像越模糊。当值为“0”时,表示图像没有变化。要将模糊效果应用于图像,请使用工具栏中的“模糊”选项,或使用以下XAML/C#代码。

<imageeditor:SfImageEditor Source =“ {绑定图像}” x:Name =“ imageEditor” ImageEffect =“模糊” EffectValue =“ 2”>
imageEditor.ApplyImageEffect(ImageEffect.Blur, 2);

下图为当模糊值为2时的图像:

锐化

锐化用于突出显示和增强图像中对象的边缘,其效果值的范围为0到6,效果值越大,图像的锐度越明显。当值为“0”时,表示图像没有变化。要将锐化效果应用于图像,请使用工具栏中的“锐化”选项,或使用以下XAML/C#代码。

<imageeditor:SfImageEditor Source =“ {Binding Image}” x:Name =“ imageEditor” ImageEffect =“ Sharpen” EffectValue =“ 3”>
imageEditor.ApplyImageEffect(ImageEffect.Sharpen, 3);

下图为当锐化效果值为3时的图像:

为图像创建自定义颜色样式

通过对图像应用不同滤镜效果的组合,您可以创建自己的图像颜色样式(如下图所示)。例如,使用以下代码创建石灰石颜色样式并将其应用于图像。

if(item.ImageName == "Limestone")
{
     imageEditor.ApplyImageEffect(ImageEffect.Hue, -147);
     imageEditor.ApplyImageEffect(ImageEffect.Saturation, 84);
     imageEditor.ApplyImageEffect(ImageEffect.Brightness, -16);
     imageEditor.ApplyImageEffect(ImageEffect.Contrast, 14);
}

您可以点击此处下载此自定义颜色样式演示。

选择添加只读文本

现在,Image Editor还支持添加只读文本,方法是在点击已添加文本时限制文本弹出。要添加只读文本,请在添加文本之前将TextSettings中的IsEditable属性设置为false。默认情况下,此属性设置为true。

imageEditor.AddText("text", new TextSettings { IsEditable = false });

提供启用或禁用已添加对象的调整大小功能

现在,您还可以通过使用Image Editor中PenSettings、TextSettings和CustomViewSettings的IsResizable属性来控制添加的图像、形状和自定义视图的大小调整功能,如以下代码所示。

image.AddShape(ShapeType.Rectangle, new PenSettings { Color = Color.Red, Bounds = new Rectangle(20, 20, 35, 35), IsResizable = false });

除了这些功能,开发团队还在Essential Studio for Xamarin 2019v3版本中进行了一些改进和修复,欢迎下载体验



*想要获得Essential Studio系列产品更多资源或正版授权的朋友,请咨询了解!


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP