MAUI 中使用 Border 创建一个边框

<Border Stroke="#C49B33"
        StrokeThickness="4"
        StrokeShape="RoundRectangle 40,0,0,40"
        Background="#2B0B98"
        Padding="16, 8"
        HorizontalOptions="Center">
    <Label
    Text="Welcome to .NET Multi-platform App UI"
    SemanticProperties.HeadingLevel="Level2"
    SemanticProperties.Description="Welcome to dot net Multi platform App U I"
    StyleClass="centerLabel"
    />
</Border>

上面代码中个 Border 设置了一下属性：

• Stroke 设置边框的颜色
• StrokeThickness 设置边框的大小
• StrokeShape 设置边框的形状和大小
• Background 设置背景颜色
• Padding 设置内边距
• HorizontalOptions 设置水平选项

渐变颜色

<Border StrokeThickness="4"
		StrokeShape="RoundRectangle 40"
		Background="#2B0B98"
		Padding="16, 8"
		HorizontalOptions="Center">
	<Border.Stroke>
		<LinearGradientBrush EndPoint="0,1">
			<GradientStop Color="Orange"
						  Offset="0.1"/>
			<GradientStop Color="Brown"
						  Offset="1.0"/>
		</LinearGradientBrush>
	</Border.Stroke>

	<Label
		   Text="Hello, World!"
		   SemanticProperties.HeadingLevel="Level1"
		   Style="{StaticResource titleLabel}"
		   StyleClass="centerLabel"
		   />

</Border>

这里用到了线性渐变动画：

• LinearGradientBrush
• GradientStop