在Essential Studio 2019v3版本中，開發(fā)團(tuán)隊(duì)為Xamarin.Forms中的Image Editor控件添加了以下新功能：

• 支持圖像濾鏡效果。

• 選項(xiàng)可添加只讀文本。

• 為添加的對(duì)象啟用或禁用調(diào)整大小功能的設(shè)置。

本文，小編將通過(guò)示例詳細(xì)介紹以上新功能。

老規(guī)矩，在正式介紹前，請(qǐng)點(diǎn)擊下方按鈕下載Essential Studio for Xamarin最新版，以便同步體驗(yàn)新功能。

下載Essential Studio for Xamarin正式版

圖像濾鏡效果支持

Image Editor濾鏡效果允許用戶將不同的濾色鏡應(yīng)用于圖像。此功能用于增強(qiáng)現(xiàn)有圖像的顏色和紋理。目前，Image Editor控件提供六種類型的圖像效果選項(xiàng)：

• 色調(diào)

• 飽和

• 亮度

• 對(duì)比

• 模糊

• 銳化

可以通過(guò)Image Editor工具欄或使用ApplyImageEffect方法通過(guò)代碼來(lái)應(yīng)用以上效果。

接下來(lái)，小編將演示將單個(gè)濾鏡效果應(yīng)用于下圖。

色調(diào)

色調(diào)代表圖像中顏色的主要波長(zhǎng)，其值介于-180到180之間。當(dāng)值為“0”時(shí)，表示色調(diào)效果沒(méi)有變化，并且圖像以其原始顏色顯示。要將色調(diào)效果應(yīng)用于圖像，可使用工具欄中的“色調(diào)”選項(xiàng)，或使用以下XAML/C＃代碼：

<imageeditor：SfImageEditor Source =“ {綁定圖像}” x：Name =“ imageEditor” ImageEffect =“色調(diào)” EffectValue =“-90”>

imageEditor.ApplyImageEffect（ImageEffect.Hue，-90）;

下圖為當(dāng)值為-90時(shí)的圖：

飽和

飽和度是顏色的強(qiáng)度，其值介于-100到100之間。當(dāng)值為“0”時(shí)，表示飽和度效果沒(méi)有變化，并且圖像以其原始顏色顯示。當(dāng)值為“-100”時(shí)，圖像將為黑白色。如果值為“100”，圖像顏色將過(guò)于飽和。要將飽和度效果應(yīng)用于圖像，可使用工具欄中的“飽和度”選項(xiàng)，或使用以下XAML/C＃代碼。

<imageeditor：SfImageEditor Source =“ {綁定圖像}” x：Name =“ imageEditor” ImageEffect =“ Saturation” EffectValue =“-80”>

imageEditor.ApplyImageEffect（ImageEffect.Saturation，-80）;

下圖為飽和度值為-80時(shí)的圖像：

亮度

亮度表示圖像顏色的亮度，其值介于-100到100之間。當(dāng)值為“0”時(shí)，表示亮度沒(méi)有變化，并且圖像以其原始顏色顯示。設(shè)置正值，將增加圖像的亮度，設(shè)置負(fù)值可降低圖像的亮度。當(dāng)值為“100”時(shí)，圖像將處于全亮度并顯示為完全白色。當(dāng)值為“-100”時(shí)，沒(méi)有亮度，圖像顯示為黑色。要將亮度效果應(yīng)用于圖像，可使用工具欄中的“亮度”選項(xiàng)，或使用以下XAML/C＃代碼：

<imageeditor：SfImageEditor Source =“ {綁定圖像}” x：Name =“ imageEditor” ImageEffect =“ Brighness” EffectValue =“-20”>

imageEditor.ApplyImageEffect(ImageEffect.Brightness, -20);

下圖為亮度值為-80時(shí)的圖像：

對(duì)比

對(duì)比度代表圖像中顏色之間的差異，其值介于-100到100之間。當(dāng)值為“0”時(shí)，表示對(duì)比度效果沒(méi)有變化，并且圖像是其原始顏色。當(dāng)值為“-100”時(shí)，將產(chǎn)生完整的灰色圖像，而值為“100”時(shí)將產(chǎn)生對(duì)比度過(guò)高的圖像。要將對(duì)比度效果應(yīng)用于圖像，可使用工具欄中的“對(duì)比度”選項(xiàng)，或使用以下XAML/C＃代碼。

<imageeditor：SfImageEditor Source =“ {綁定圖像}” x：Name =“ imageEditor” ImageEffect =“對(duì)比度” EffectValue =“ 75”>

imageEditor.ApplyImageEffect(ImageEffect.Contrast, 75);

下圖為當(dāng)對(duì)比度值為75時(shí)的圖像：

模糊

模糊代表圖像的清晰度，其效果值的范圍是0到6，效果值越大，圖像越模糊。當(dāng)值為“0”時(shí)，表示圖像沒(méi)有變化。要將模糊效果應(yīng)用于圖像，請(qǐng)使用工具欄中的“模糊”選項(xiàng)，或使用以下XAML/C＃代碼。

<imageeditor：SfImageEditor Source =“ {綁定圖像}” x：Name =“ imageEditor” ImageEffect =“模糊” EffectValue =“ 2”>

imageEditor.ApplyImageEffect(ImageEffect.Blur, 2);

下圖為當(dāng)模糊值為2時(shí)的圖像：

銳化

銳化用于突出顯示和增強(qiáng)圖像中對(duì)象的邊緣，其效果值的范圍為0到6，效果值越大，圖像的銳度越明顯。當(dāng)值為“0”時(shí)，表示圖像沒(méi)有變化。要將銳化效果應(yīng)用于圖像，請(qǐng)使用工具欄中的“銳化”選項(xiàng)，或使用以下XAML/C＃代碼。

<imageeditor：SfImageEditor Source =“ {Binding Image}” x：Name =“ imageEditor” ImageEffect =“ Sharpen” EffectValue =“ 3”>

imageEditor.ApplyImageEffect(ImageEffect.Sharpen, 3);

下圖為當(dāng)銳化效果值為3時(shí)的圖像：

為圖像創(chuàng)建自定義顏色樣式

通過(guò)對(duì)圖像應(yīng)用不同濾鏡效果的組合，您可以創(chuàng)建自己的圖像顏色樣式（如下圖所示）。例如，使用以下代碼創(chuàng)建石灰石顏色樣式并將其應(yīng)用于圖像。

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

您可以點(diǎn)擊此處下載此自定義顏色樣式演示。

選擇添加只讀文本

現(xiàn)在，Image Editor還支持添加只讀文本，方法是在點(diǎn)擊已添加文本時(shí)限制文本彈出。要添加只讀文本，請(qǐng)?jiān)谔砑游谋局皩extSettings中的IsEditable屬性設(shè)置為false。默認(rèn)情況下，此屬性設(shè)置為true。

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

提供啟用或禁用已添加對(duì)象的調(diào)整大小功能

現(xiàn)在，您還可以通過(guò)使用Image Editor中PenSettings、TextSettings和CustomViewSettings的IsResizable屬性來(lái)控制添加的圖像、形狀和自定義視圖的大小調(diào)整功能，如以下代碼所示。

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

除了這些功能，開發(fā)團(tuán)隊(duì)還在Essential Studio for Xamarin 2019v3版本中進(jìn)行了一些改進(jìn)和修復(fù)，歡迎下載體驗(yàn)！

*想要獲得Essential Studio系列產(chǎn)品更多資源或正版授權(quán)的朋友，請(qǐng)咨詢了解！