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

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

在Essential Studio 2019v3版本中，开发团队为

图像滤镜效果支持

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系列产品更多资源或正版授权的朋友，请咨询【客服】了解！

标签：

来源：慧都