RadImageEditor: Adjust to the available area and only for show.

Hello, Eusebio,

In order to adjust the image size to fit the boundaries of RadImageEditor, it is necessary to handle the RadImageEditor.ImageLoaded event and calculate the zoom factor. Please refer to the following code snippet: 

 public RadForm1()
 {
     InitializeComponent();
     this.radImageEditor1.ImageLoaded += this.RadImageEditor1_ImageLoaded;
 }

 private void RadImageEditor1_ImageLoaded(object sender, AsyncCompletedEventArgs e)
 {
     float factor = this.GetAutoZoomFactor();
     this.radImageEditor1.ImageEditorElement.ZoomFactor = new SizeF(factor, factor);
 }

 protected virtual float GetAutoZoomFactor()
 {
     float factorX = (this.radImageEditor1.ImageEditorElement.Size.Width - this.radImageEditor1.ImageEditorElement.CommandsElementWidth) / (float)System.Convert.ToSingle(this.radImageEditor1.ImageEditorElement.CurrentBitmap.Width);
     float factorY = (this.radImageEditor1.ImageEditorElement.Size.Height - this.radImageEditor1.ImageEditorElement.ZoomElementHeight) / (float)System.Convert.ToSingle(this.radImageEditor1.ImageEditorElement.CurrentBitmap.Height);
     return Math.Min(factorX, factorY);
 }

I hope this helps. Should you have other questions do not hesitate to contact me.

Regards,
Nadya
Progress Telerik

Thanks Nadya,

My control RadImageEditor is size 350 x 350.

Also, I have added these lines:

            this.rieImagen.ImageEditorElement.CommandsElement.Visibility = Telerik.WinControls.ElementVisibility.Hidden;
            this.rieImagen.ImageEditorElement.CommandsElementWidth = 0;

            //------------probando...
            this.rieImagen.ImageEditorElement.ZoomElement.Visibility = Telerik.WinControls.ElementVisibility.Hidden;
            this.rieImagen.ImageEditorElement.ZoomElementHeight = 0;


            // Inicializa RIE 2:

            //-----------
            this.rieImagen2.ImageEditorElement.CommandsElement.Visibility = Telerik.WinControls.ElementVisibility.Hidden;
            this.rieImagen2.ImageEditorElement.CommandsElementWidth = 0;

            //------------probando...
            this.rieImagen2.ImageEditorElement.ZoomElement.Visibility = Telerik.WinControls.ElementVisibility.Hidden;
            this.rieImagen2.ImageEditorElement.ZoomElementHeight = 0;

Figure 1: With you code. But i Add ....

            float factorX = (this.rieImagen.ImageEditorElement.Size.Width - this.rieImagen.ImageEditorElement.CommandsElementWidth + 170) 
                / (float)System.Convert.ToSingle(this.rieImagen.ImageEditorElement.CurrentBitmap.Width);
            float factorY = (this.rieImagen.ImageEditorElement.Size.Height - this.rieImagen.ImageEditorElement.ZoomElementHeight + 170) 
                / (float)System.Convert.ToSingle(this.rieImagen.ImageEditorElement.CurrentBitmap.Height);

Figure 2: With you code.

Hello, Eusebio,

Thank you for the additional information. According to the provided code snippets and a picture, it seems that you hide commands and zoom elements in RadImageEditor. Thus, only the opened image should be visible. 

Please refer to the updated code snippet:

 public RadForm1()
 {
     InitializeComponent();

     this.radImageEditor1.ImageEditorElement.CommandsElement.Visibility = Telerik.WinControls.ElementVisibility.Hidden;
     this.radImageEditor1.ImageEditorElement.CommandsElementWidth = 0;

     //------------probando...
     this.radImageEditor1.ImageEditorElement.ZoomElement.Visibility = Telerik.WinControls.ElementVisibility.Hidden;
     this.radImageEditor1.ImageEditorElement.ZoomElementHeight = 0;

     this.radImageEditor1.ImageEditorElement.ImageLoaded += this.RadImageEditor1_ImageLoaded;
     this.radImageEditor1.ImageEditorElement.OpenImage(Resources.newyork);


 }

 private void RadImageEditor1_ImageLoaded(object sender, AsyncCompletedEventArgs e)
 {
     float factor = this.GetAutoZoomFactor();
     this.radImageEditor1.ImageEditorElement.ZoomFactor = new SizeF(factor, factor);

 }

 protected virtual float GetAutoZoomFactor()
 {
     float factorX = (this.radImageEditor1.Size.Height - 2) / (float)System.Convert.ToSingle(this.radImageEditor1.ImageEditorElement.CurrentBitmap.Width);
     float factorY = (this.radImageEditor1.Size.Width - 2) / (float)System.Convert.ToSingle(this.radImageEditor1.ImageEditorElement.CurrentBitmap.Height);

     return Math.Min(factorX, factorY);
 }

Below is a picture showing the in RadImageEditor control:

I hope this helps. Should you have other questions do not hesitate to contact me.

Regards,
Nadya
Progress Telerik

It works!!.

And i call also RadImageEditor_ImageLoaded() from MyForm_Resize().

Hello, Eusebio,

I am really glad that the suggested solution works for you. Should you have any other questions do not hesitate to contact us.

Regards,
Nadya
Progress Telerik