Example Custom Renderer for Editor widget

Chris.3704

Hi,

does anyone have an example of a custom renderer for the Editor widget?
All I'm trying to do is change the border color.

Thanks!

Chris

adamkemp

On which platform?

Chris.3704

Preferably iOS and Android but I'll take either one.

adamkemp

This is a custom renderer for an Entry on iOS. It doesn't do a colored border, but it at least shows some of the concepts that you need to understand.

Tekton

Xamarin University: Custom Renderers in Xamarin.Forms
Xamarin Evolve 2014: Extending Xamarin.Forms with Custom Controls - Jason Smith, Xamarin

XLabs project has a custom editor control too:
https://github.com/XLabs/Xamarin-Forms-Labs/blob/master/src/Forms/XLabs.Forms.iOS/Controls/ExtendedEditor/ExtendedEditorRenderer.cs
https://github.com/XLabs/Xamarin-Forms-Labs/blob/master/src/Forms/XLabs.Forms.Droid/Controls/ExtendedEditor/ExtendedEditorRenderer.cs
https://github.com/XLabs/Xamarin-Forms-Labs/blob/master/src/Forms/XLabs.Forms/Controls/ExtendedEditor.cs

DWesty

           public class CustomEditorRenderer : EditorRenderer
       {
                 protected override void OnElementChanged (ElementChangedEventArgs<Editor> e)
                    {

                        base.OnElementChanged (e);


                       if (Control != null) {
                        Control.Layer.BorderColor = UIColor.Gray.CGColor;
                        Control.Layer.BorderWidth = 1;

                       }

                  }

       }

BrunoPasquini

Hi, im getting
'Xamarin.Forms.Platform.Android.EditorEditText' does not contain a definition for 'Layer' and no extension method 'Layer' accepting a first argument of type 'Xamarin.Forms.Platform.Android.EditorEditText' could be found.

What can be the problem?

adamkemp

These are iOS APIs. You have to do something different for Android.

BrunoPasquini

Do you have an example code for changing the editor border color in android? I cant find it.

adamkemp

No, I don't. You can ask about that on the Xamarin.Android forums to find people who know more about Android APIs.

DavidDancy

For border colour on Android you need to look at using a GradientDrawable. You set up the GradientDrawable with the colour settings you need: use SetColor to set the color of the internals of the drawable, and SetStroke to set the border width and colour; use SetCornerRadius if you need to round the corners. Then finally use Control.SetBackgroundDrawable in the renderer to set the GradientDrawable as the background for the control.

DavidDancy

For border colour on Android you need to look at using a GradientDrawable. You set up the GradientDrawable with the colour settings you need: use SetColor to set the color of the internals of the drawable, and SetStroke to set the border width and colour; use SetCornerRadius if you need to round the corners. Then finally use Control.SetBackgroundDrawable in the renderer to set the GradientDrawable as the background for the control.