Xamarin Forms: StackLayout avec des coins arrondis

Question

Je suis le développement d'une application à l'aide de xamarin forms pcl. J'ai besoin d'un stacklayout avec des coins arrondis. J'ai essayé de cadre ainsi pour les coins arrondis contenant, mais il n'y a pas de rayon de l'angle de la propriété disponible pour cela. Je ne trouve pas de convertisseurs pour ios,android,uwp,windows 8.1.

Svp quelqu'un peut-il me suggérer comment atteindre stacklayout avec des coins arrondis avec rayon de l'angle de propriété pour toutes les plateformes.

Answer 1

Vous pouvez utiliser un Cadre et de mettre StackLayout à l'intérieur , la Note de Trame prendre rembourrage 20 par défaut :

<Frame CornerRadius="10"  
       OutlineColor="Red" 
       Padding="0">
            <StackLayout>

            </StackLayout>
</Frame>

Answer 2

<!--Curved stack-->
<Frame CornerRadius="5" 
           HorizontalOptions="Center" 
           VerticalOptions="Start"
           HasShadow="True"
           Padding="0">
        <StackLayout Padding="10,5,10,5"   
                         Orientation="Horizontal" 
                         BackgroundColor="White"  >
            <Image Source="settingsIcon"  
                   HeightRequest="25" 
                   WidthRequest="25" 
                   Aspect="Fill" />
            <Label Text="Filter" 
                   FontSize="Medium" 
                   VerticalTextAlignment="Center" 
                   VerticalOptions="Center"/>
        </StackLayout>
    </Frame>

J'ai juste essayé de copier BigBasket de boutons de filtre. Voir Comment cool on dirait

Answer 3

Depuis Xamarin a publié des Effets mécanisme, il peut être fait par la mise en œuvre d'un effet personnalisé sur les deux plates-formes. Un avantage de cette approche est que les effets sont plus léger, réutilisable et peut être paramétré et de les appliquer à tout élément de l'INTERFACE utilisateur.

Après la création d'une coutume RoundCornersEffect hériter RoutingEffect, déclarer CornerRadius attaché à la propriété et de mettre en oeuvre PlatformEffect sur chaque plate-forme, il peut être appliqué à tout Xamarin.Forms mise en page ou de contrôle comme ceci:

<StackLayout effects:RoundCornersEffect.CornerRadius="48"/>

avec codé en dur coins de rayon ou d'une valeur à partir de ressources

 <BoxView effects:RoundCornersEffect.CornerRadius="{StaticResource LargeCornerRadius}" /> 

Voici un lien vers la pleine mise en œuvre et exemples d'utilisation.

Answer 4

utilisation suivant pour obtenir votre résultat attendu

Xamarin Formes de contrôle: https://github.com/nitescua/Xamore/blob/master/Xamore.Controls/Border.cs

iOS: https://github.com/nitescua/Xamore/blob/master/Xamore.Controls.iOS/Renderers/BorderRenderer.cs

Android: https://github.com/nitescua/Xamore/blob/master/Xamore.Controls.Droid/Renderers/BorderRenderer.cs https://github.com/nitescua/Xamore/blob/master/Xamore.Controls.Droid/Renderers/BorderRendererVisual.cs (Remarque certains fichiers dans https://github.com/nitescua/Xamore/tree/master/Xamore.Controls.Droid/Renderers ont la compilation défini sur Aucun, je faisais des tests, avoir besoin de supprimer ces)

WinPhone: https://github.com/nitescua/Xamore/blob/master/Xamore.Controls.WinPhone/Renderers/BorderRenderer.cs

Answer 5

Vous pouvez définir des coins arrondis pour n'importe quel modèle ou de la Vue ou de la Cellule (StackLayout, la Grille, le contrôle ListView)

http://venkyxamarin.blogspot.in/2017/12/how-to-set-corner-radius-for-view.html#more