Le bouton Canvas SkiaSharp ne fonctionne pas

Question

J'ai un Xamrin Form avec la disposition de la grille comme indiqué ci-dessous. Il y a une toile SkiaSharp avec une couleur dégradée. J'ai besoin d'ajouter un bouton à l'intérieur de la toile pour obtenir un arrière-plan dégradé. Mais quand j'ajoute un bouton dans le canevas, il ne rend rien (Button x: Name = "ClickMe2"). Quelle est la manière correcte d'obtenir un bouton rendu avec un arrière-plan dégradé?

XAML

<Grid x:Name="controlGrid"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="200" /> 
     <RowDefinition Height="*" /> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="*" /> 
    </Grid.ColumnDefinitions> 
    <views:SKCanvasView PaintSurface="OnSecondPainting" EnableTouchEvents="True" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" > 
     <Button x:Name="ClickMe2" Text="ClickMe 2" HeightRequest="50" VerticalOptions="Start" /> 
    </views:SKCanvasView> 
    <Label Text="Bottom Left" Grid.Row="1" Grid.Column="0" /> 
    <Button x:Name="ClickMe1" Text="ClickMe 1" Grid.Row="1" Grid.Column="1" HeightRequest="50" VerticalOptions="Start" /> 
</Grid> 

C#

private void OnSecondPainting(object sender, SKPaintSurfaceEventArgs e) 
    { 

     var surface = e.Surface; 
     var canvas = surface.Canvas; 
     canvas.Clear(SKColors.White); 

     ///GRADIENT-------------------------------------------------------------------- 
     var colors = new SKColor[] { new SKColor(6, 107, 249), new SKColor(27, 162, 210), new SKColor(36, 182, 197) }; 
     var shader = SKShader.CreateLinearGradient(new SKPoint(300, 0), new SKPoint(300, 600), colors, null, SKShaderTileMode.Clamp); 
     var paint = new SKPaint() { Shader = shader }; 
     canvas.DrawPaint(paint); 


    } 

Answer 1

En effet, la vue sur la toile est pas vraiment une mise en page - il est un View. Cela signifie qu'il ne supporte pas les enfants.

Si cela est vraiment un problème, alors ne hésitez pas à ouvrir un sujet sur GitHub: https://github.com/mono/skiasharp/issues Nous pouvons élaborons ce sujet là, ainsi que recueillir les commentaires de la communauté (par exemple un changement ou une nouvelle vue)

Si vous voulez placer des vues sur le dessus d'une toile, vous pouvez le faire en utilisant un Grid, RelativeLayout ou AbsoluteLayout: tant que la toile

<Grid> 
    <views:SKCanvasView /> 
    <Button /> 
</Grid> 

est le premier enfant, tous les autres enfants apparaîtront au-dessus il.