Xamarin Forms设置Frame渐变边框报BorderColor不支持GradientStop错误

Frame和Button控件的BorderColor属性类型为Color，仅支持传入单一纯色值，不接受GradientStop类型的集合值，直接将渐变停止点写入该属性会触发类型不匹配错误。

所有Xamarin/.NET MAUI控件中，只有类型为Brush的属性支持渐变效果，类型为Color的属性均无法直接使用渐变值。

优先使用官方原生支持的方案，兼容性和性能最优：

• 替换原生Frame控件为Border控件，Border的Stroke（边框）属性为Brush类型，原生支持线性/径向渐变刷。Button控件遇到的同类报错逻辑完全一致，同样可以用Border包裹交互内容的方式实现渐变边框按钮，不需要依赖原生Button的BorderColor属性。

对应实现代码如下：

<Border WidthRequest="300"
        HeightRequest="50"
        StrokeThickness="2"
        Grid.Column="0"
        Grid.ColumnSpan="3"
        Grid.Row="4"
        HorizontalOptions="Center"
        Margin="0,50,0,50"
        BackgroundColor="Transparent">
    <Border.Stroke>
        <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
            <GradientStop Color="#3C95E8" Offset="0.1"/>
            <GradientStop Color="#DD7777" Offset="0.5"/>
            <GradientStop Color="#FFC455" Offset="1.0"/>
        </LinearGradientBrush>
    </Border.Stroke>
    <Border.StrokeShape>
        <RoundRectangle CornerRadius="20"/>
    </Border.StrokeShape>
    <Label Text="Continuar" TextColor="Gray" HorizontalOptions="Center" VerticalOptions="Center"/>
    <Border.GestureRecognizers>
        <TapGestureRecognizer Command="{Binding OnContinue}"/>
    </Border.GestureRecognizers>
</Border>

如果业务场景必须保留Frame控件，可使用嵌套布局模拟渐变边框：

• 外层使用支持Background属性赋值渐变刷的布局容器（比如Grid、Border），设置和目标Frame一致的圆角、尺寸，给容器设置对应渐变背景
• 给外层容器设置Padding，Padding值就是需要的边框粗细
• 内层嵌套原Frame控件，将Frame的BorderColor设为透明，CornerRadius根据边框粗细做对应缩小，Frame的背景色和页面背景色保持一致即可。

注意：模拟方案需要保证内层Frame背景色和页面背景完全一致，否则会出现视觉穿帮。

内容的提问来源于stack exchange，提问作者Gonçalo Ferreira