Key Features

The purpose of this help article is to show you the key features of the RadImageEditor control.

Image Source

RadImageEditor control enables you to visualize images through the following property

  • Source(of type Xamarin.Forms.ImageSource): Specifies the source of the image. For more details about the Source property check the Images in Xamarin.Forms article.

The images could be loaded from:

  • File
  • Uri
  • Resource
  • Stream

Zoom Level Support

  • ZoomLevel(double): Specifies the current zoom level of the viewed image. The default value is 1. A zoom level of 1 means the image is displayed with its original size.

The RadImageEditor exposes properties for applying min and max zoom values:

  • MinZoomLevel(double): Specifies the minimum zoom level of the image. The default value is 0.1. Setting the ZoomLevel property is coerced between MinZoomLevel and MaxZoomLevel.
  • MaxZoomLevel(double): Specifies the maximum zoom level of the image. The default value is 10. Setting the ZoomLevel property is coerced between MinZoomLevel and MaxZoomLevel.

SDK Browser application contains a sample ZoomLevel example. You can find it in the ImageEditor/Features folder.

Example

Here is an example how to use the RadImageEditor Min and Max Zoom Level:

<telerikImageEditor:RadImageEditor x:Name="imageEditor" 
                                   MinZoomLevel="0.5" 
                                   MaxZoomLevel="20">
    <telerikImageEditor:RadImageEditor.Source>
        <OnPlatform x:TypeArguments="ImageSource" Default="cat4.jpeg">
            <On Platform="UWP">Assets\cat4.jpeg</On>
        </OnPlatform>
    </telerikImageEditor:RadImageEditor.Source>
</telerikImageEditor:RadImageEditor>

In addition to this, you need to add the following namespace:

xmlns:telerikImageEditor="clr-namespace:Telerik.XamarinForms.ImageEditor;assembly=Telerik.XamarinForms.ImageEditor"

See Also

In this article
Not finding the help you need? Improve this article