muak / Xamarin.Plugin.ImageEdit

Image Edit Plugin for Xamarin

Image Edit Plugin for Xamarin

This plugin will enable you to manipulate(resize,crop,rotate) and filter(monochrome) a image(png,jpg).

Setup

• Available on NuGet: https://www.nuget.org/packages/Xamarin.Plugin.ImageEdit/
• Install into your .NETStandard project and each platform project.

Install-Package Xamarin.Plugin.ImageEdit

Platform Support

Platform	Supported	Version
Xamarin.iOS	Yes	iOS 9+
Xamarin.Android	Yes	API 22+
Windows 10 UWP	No
Xamarin.Mac	No

Usage example

Image crop and rotate and resize and get png data.

Using as plugin

using (var image = await CrossImageEdit.Current.CreateImageAsync(imageByteArray)) {
	var croped = await Task.Run(() =>
			image.Crop(10, 20, 250, 100)
				 .Rotate(180)
				 .Resize(100, 0)
				 .ToPng()
	);
}

Using as IPlatformInitializer(prism.unity.forms)

//View model constructor
public ViewModel(IImageEdit imageEdit){

	using (var image = await imageEdit.CreateImageAsync(imageByteArray)) {
		var croped = await Task.Run(() =>
				image.Crop(10, 20, 250, 100)
					 .Rotate(180)
					 .Resize(100, 0)
					 .ToPng()
		);
	}
}


//on platform
public class iOSInitializer : IPlatformInitializer
{
	public void RegisterTypes(IUnityContainer container)
	{
		container.RegisterType<IImageEdit,ImageEdit>();
	}
}

Sample project

https://github.com/muak/PanPinchSample

movie https://twitter.com/muak_x/status/837266085405573120

API Usage

Get EditableImage

//from byte[]
var image = await CrossImageEdit.Current.CreateImageAsync(imageByteArray);

//from stream
var image = await CrossImageEdit.Current.CreateImageAsync(imageStream);

It is able to manipulate a image using this object.

Resize

var width = 200;
var height = 150;
image.Resize(width, height);
image.Resize(width, 0); //auto height
image.Resize(0, height); //auto width

image.Resize(50); //specify max length of long side. other side auto size.

Crop

var x = 10;
var y = 10;
var width = 50;
var height = 50;
image.Crop(10, 10, 50, 50);

Rotate

var degree = 90; // 0-360;
image.Rotate(degree);

ToMonochrome

The image will convert to monochrome.

image.ToMonochrome();

ToPng

var pngBytes = image.ToPng();

ToJpeg

var jpgBytes = image.ToJpeg(90); // quality(0-100)

ToArgbPixels

Get image ARGB infomation.

for example when 0xFF00F090

A	R	G	B
FF	00	F0	90

var pixels = image.ToArgbPixels();

var pixel = pixels[10];
var r = pixel & 0x00FF0000 >> 16; //Get R
var g = pixel & 0x0000FF00 >> 8;  //Get G
var b = pixel & 0x000000FF;       //Get B

GetNativeImage

Get native image on platform. if platform is iOS, return UIImage; otherwise return Bitmap.

License

MIT Licensed.