2017-10-29 10 views
1

Ich entwickle eine App für UWP mit Xamarin Formen.Xamarin bildet Raster mit Radius und Hintergrundfarbe

ich erstellen müssen einen Bildschirm wie dieser

enter image description here

Für UWP, aber ich weiß nicht, wie mit Radius und backgrondcolor es das Gitter tun.

Ich versuche es mit einem Rahmen, aber wenn ich die BackgroundColor-Eigenschaft hinzufügen, verschwindet der Radius.

Ich versuche mit https://github.com/paulpatarinski/Xamarin.Forms.Plugins/tree/master/RoundedBoxView aber nicht für UWP.

Vielen Dank

UPDATE: SOLUTION

ich die Lösung finden. Erstellen Sie ein benutzerdefiniertes Rendering von Frame für UWP.

Hier ist der Code: https://github.com/migueBarrera/XamarinRoundedFrame mit dem Endbild

+0

Verwenden Rahmen und setzen Hintergrundfarbe zu Gitterrahmen nicht –

+0

@ZiyadGodil ich versuche, aber das ist das Ergebnis: https : //imgur.com/bVvbGHd –

Antwort

0

Sie sollten Rahmen statt boxview versuchen und wenn Sie Raster verwenden möchten, als Sie benutzerdefinierte Renderer für das Netz machen müssen.

0

Frame scheint gut zu funktionieren, zumindest auf Android.

Das ist mein XAML

<Frame BackgroundColor="LawnGreen" 
     CornerRadius="25" 
     VerticalOptions="StartAndExpand" 
     Margin="20"> 
    <StackLayout> 
     <Label Text="Entry"/> 
     <Label Text="Entry"/> 
     <Label Text="Entry"/> 
     <Button Text="Entrar" Margin="10, 30, 10, 20"></Button> 
    </StackLayout> 
</Frame> 

Und das ist die Seite

enter image description here

+0

Ich kopiere deinen Code und das ist das Ergebnis in UWP: https://imgur.com/bVvbGHd. Der Radius verschwindet. –

+0

@ MiguelAngelMuñoz Ersetzen Sie den 'Frame' für ein' BoxView'. Ich denke, die 'CornerRadius'-Eigenschaft ist so etwas wie' BorderRadius'. –

+0

@DiegoRafaelSouza Ich versuche mit BoxView, aber ich kann keine Eigenschaft wie BorderRadius oder CornerRadius –

Verwandte Themen