仅圆角？ - 编程之家

如何解决仅圆角？

我正在尝试使Stacklayout的背景变圆（仅底部右下）。我在寻找如何搜索，但无法确定。我该怎么办？

解决方法

您可以使用Xamarin.Forms.PancakeView软件包：

1-将其安装在平台项目中的共享库中（最新版本需要Xamarin.Forms 4.8.0.1451及更高版本）。

2-在您的xaml中包含该软件包的名称空间：

xmlns:pancake="clr-namespace:Xamarin.Forms.PancakeView;assembly=Xamarin.Forms.PancakeView"

3-创建一个PancakeView，它将在其中托管您的控件：

<pancake:PancakeView Padding="10"
                     BackgroundColor="Blue"
                     CornerRadius="0,40,40">
    <StackLayout Padding="0"
                 HorizontalOptions="FillAndExpand">

        <Label Text="hello World"
               FontSize="Medium"
               TextColor="White"
               HorizontalOptions="Center"/>

        <Button Text="More Details"/>
    </StackLayout>
</pancake:PancakeView>

您可以用CornerRadius的道具来发挥形状。

编辑：

只想显示Gradients的用法，因为问题截图包括一个。

有关此软件包的更多详细信息，请咨询他们的Wiki page。

<StackLayout>
    <pancake:PancakeView Padding="10"
                         BackgroundGradientStartPoint="1,0"
                         BackgroundGradientEndPoint="1,1"
                         HeightRequest="300"
                         VerticalOptions="Start"
                         CornerRadius="0,40">

        <pancake:PancakeView.BackgroundGradientStops>
            <pancake:GradientStopCollection>
                <pancake:GradientStop Color="#44F3FF"
                                      Offset="0"/>
                <pancake:GradientStop Color="#46ACDC"
                                      Offset="0.4"/>
                <pancake:GradientStop Color="#0057CB"
                                      Offset="1"/>
            </pancake:GradientStopCollection>
        </pancake:PancakeView.BackgroundGradientStops>

        <StackLayout VerticalOptions="FillAndExpand">
            <Label Text="Hello World"
                   HorizontalOptions="Center"
                   FontSize="Large"
                   TextColor="Black"/>

            <Button Text="More Details"
                    BackgroundColor="#0057CB"
                    BorderWidth="2"
                    BorderColor="#44F3FF"
                    VerticalOptions="CenterAndExpand"
                    CornerRadius="25"/>
        </StackLayout>
    </pancake:PancakeView>

    <Label Text="What are you doing today?"
           FontSize="Title"
           Margin="30,0"
           TextColor="Black"/>
</StackLayout>