public static FrameworkElement Render(TypedElement element, RenderContext context) { Image image = (Image)element; var uiImage = new UI.Image(); uiImage.SetSource(image.Url, context); uiImage.SetHorizontalAlignment(image.HorizontalAlignment); string style = $"Adaptive.{image.Type}"; if (image.Style == ImageStyle.Person) { style += $".{image.Style}"; #if WPF var mask = new RadialGradientBrush() { GradientOrigin = new Point(0.5, 0.5), Center = new Point(0.5, 0.5), RadiusX = 0.5, RadiusY = 0.5, GradientStops = new GradientStopCollection() }; mask.GradientStops.Add(new GradientStop((Color)ColorConverter.ConvertFromString("#ffffffff"), .9)); mask.GradientStops.Add(new GradientStop((Color)ColorConverter.ConvertFromString("#00ffffff"), 1.0)); uiImage.OpacityMask = mask; #elif XAMARIN //TODO #endif } uiImage.Style = context.GetStyle(style); uiImage.SetImageProperties(image, context); if (image.SelectAction != null) { var uiButton = (Button)context.Render(image.SelectAction); if (uiButton != null) { uiButton.Content = uiImage; uiButton.Style = context.GetStyle("Adaptive.Action.Tap"); return(uiButton); } } return(uiImage); }