Xamarin Forms: StackLayout met afgeronde hoeken

Ik ontwikkel een app met Xamarin Forms PCL. Ik heb een StackLayout nodig met afgeronde hoeken. Ik heb ook een frame geprobeerd voor een container met afgeronde hoeken, maar er is geen eigenschap voor een hoekradius beschikbaar. Ik kan geen renderers vinden voor iOS,Android,UWP,Windows 8.1.

Kan iemand me voorstellen hoe ik StackLayout kan bereiken met afgeronde hoeken en een eigenschap van de hoekradius voor alle platforms.

Antwoord 1, autoriteit 100%

U kunt Frame gebruiken en StackLayout erin plaatsen, Note Frame neemt standaard opvulling 20:

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

Antwoord 2, autoriteit 34%

<!--Curved stack-->
<Frame CornerRadius="5" 
           HorizontalOptions="Center" 
           VerticalOptions="Start"
           HasShadow="True"
           IsClippedToBounds="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>

Ik heb net geprobeerd de filterknoppen van BigBasket te kopiëren. Zie hoe cool het eruit ziet

Antwoord 3, autoriteit 26%

Sinds Xamarin Effectenheeft uitgebracht mechanisme, kan dit nu worden gedaan door een aangepast effect op beide platforms te implementeren. Een voordeel van deze aanpak is dat effecten lichter en herbruikbaar zijn en kunnen worden geparametriseerd en toegepast op elk UI-element.

Nadat u een aangepaste RoundCornersEffectheeft gemaakt die RoutingEffectoverneemt, declareert u een CornerRadiusbijgevoegde eigenschap en implementeert u PlatformEffectop elke platform, kan het worden toegepast op elke Xamarin.Forms-layout of -besturingselement zoals dit:

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

met hardgecodeerde hoekenradius of een waarde uit bronnen

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

Hier is een link naar volledige implementatie- en gebruiksvoorbeelden.

4

Er zijn al veel geldige antwoorden gegeven.

Ik wilde gewoon toevoegen dat sinds Xamarin-formulieren 5 zijn gevormde controle toegevoegd.

Nu, u kunt gewoon een rechthoek toevoegen die RADIUSX en RADIUI uitlegt.

5

U kunt afgeronde hoek instellen voor elke lay-out of weergave of cel (Stacklayout, Net, Listview)

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