ImageEdit Class

A component that allows you to edit images.

Assembly : DevExpress.Maui.Editors.dll

NuGet Package : DevExpress.Maui.Editors

Declaration

csharp

[DXLicenseMAUI]
public class ImageEdit :
    View,
    IImageEditExporter,
    IImageEditInteractor,
    IDXViewController,
    IAppearanceOwner,
    IVisualTreeElement

Remarks

ImageEdit is an editor that allows users to crop, rotate, and flip images. They can save the result in a supported format.

Crop Area

The image editor allows you to crop the source image as your needs dictate.

Use the following properties to configure the crop area:

CropAreaOffsetGets or sets the crop area offset. This is a bindable property.CropAreaBorderColorGets or sets the crop area border color. This is a bindable property.CropAreaBorderThicknessGets or sets the crop area border thickness. This is a bindable property.CropAreaRatioX | CropAreaRatioY Allow you to specify the crop area ratio by X and Y axes.

CropAreaShape Allows you to specify the crop area shape. You can also use the SwitchCropAreaShape() method to switch the crop area between ellipse and rectangle shapes.

Flip and Rotate Actions

The image editor allows you to flip the image horizontally and vertically. You can also rotate the image to the left or right by 90º.

Use the following API to perform flip and rotate actions:

FlipHorizontal()Flips the edit image horizontally (swap left and right).FlipVertical()Flips the edit image vertically (swap top and bottom).RotateLeft()Rotates the edit image to the left by 90º.RotateRight()Rotates the edit image to the right by 90º.

Example

The following example shows how to use the ImageEdit control to edit a user avatar:

View Example

XAML

xaml

<dxe:ImageEdit 
              Source="user_avatar"
              CropFrameRatioX="16"
              CropFrameRatioY="9" 
              CropFrameShape="Rectangle"/>