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

• 支持圖像濾鏡效果。

• 選項可添加只讀文本。

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

本文，小編將通過示例詳細介紹以上新功能。

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

下載Essential Studio for Xamarin正式版

圖像濾鏡效果支持

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

• 色調(diào)

• 飽和

• 亮度

• 對比

• 模糊

• 銳化

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

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

色調(diào)

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

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

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

下圖為當值為-90時的圖：

飽和

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

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

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

下圖為飽和度值為-80時的圖像：

亮度

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

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

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

下圖為亮度值為-80時的圖像：

對比

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

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

imageEditor.ApplyImageEffect(ImageEffect.Contrast, 75);

下圖為當對比度值為75時的圖像：

模糊

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

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

imageEditor.ApplyImageEffect(ImageEffect.Blur, 2);

下圖為當模糊值為2時的圖像：

銳化

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

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

imageEditor.ApplyImageEffect(ImageEffect.Sharpen, 3);

下圖為當銳化效果值為3時的圖像：

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

通過對圖像應(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);
}

您可以點擊此處下載此自定義顏色樣式演示。

選擇添加只讀文本

現(xiàn)在，Image Editor還支持添加只讀文本，方法是在點擊已添加文本時限制文本彈出。要添加只讀文本，請在添加文本之前將TextSettings中的IsEditable屬性設(shè)置為false。默認情況下，此屬性設(shè)置為true。

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

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

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

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

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

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