梯度边框颜色Xamarin形式

发布于 2025-02-09 01:04:44 字数 905 浏览 2 评论 0原文

我正在尝试将梯度放在框架的边界上,但我得到了这个错误: “属性BorderColor不支持类型的“梯度”的值 在此之前,我尝试了一个按钮,然后猜猜是什么……相同的错误。 代码: ``

<Frame WidthRequest="300"
        HeightRequest="50"
        CornerRadius="20"
        Grid.Column="0"
        Grid.ColumnSpan="3"
        Grid.Row="4"
        HorizontalOptions="Center"
        Margin="0,50,0,50"
        BackgroundColor="Transparent">
    <Frame.BorderColor>
        <GradientStop Color="#3C95E8" Offset="0.1"/>
        <GradientStop Color="#DD7777" Offset="0.5" />
        <GradientStop Color="#FFC455" Offset="1.0" />
    </Frame.BorderColor>
    <Label TextColor="Gray" HorizontalOptions="Center" VerticalOptions="Center">Continuar</Label>
    <Frame.GestureRecognizers>
        <TapGestureRecognizer Command="{Binding OnContinue}"/>
    </Frame.GestureRecognizers>
</Frame>

`` 谢谢

I'm trying to place a gradient on the border of a frame but I get this error:
"Property BorderColor does not support values of type "GradientStop"
Before this, I tryed in a button and guess what... the same error.
Code:
`

<Frame WidthRequest="300"
        HeightRequest="50"
        CornerRadius="20"
        Grid.Column="0"
        Grid.ColumnSpan="3"
        Grid.Row="4"
        HorizontalOptions="Center"
        Margin="0,50,0,50"
        BackgroundColor="Transparent">
    <Frame.BorderColor>
        <GradientStop Color="#3C95E8" Offset="0.1"/>
        <GradientStop Color="#DD7777" Offset="0.5" />
        <GradientStop Color="#FFC455" Offset="1.0" />
    </Frame.BorderColor>
    <Label TextColor="Gray" HorizontalOptions="Center" VerticalOptions="Center">Continuar</Label>
    <Frame.GestureRecognizers>
        <TapGestureRecognizer Command="{Binding OnContinue}"/>
    </Frame.GestureRecognizers>
</Frame>

`
Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

且行且努力 2025-02-16 01:04:44

我已经找到了解决方案,希望帮助任何人。只需使用Pancakeview即可。

        <Frame WidthRequest="300"
    HeightRequest="50"
    CornerRadius="20"
    Grid.Column="0"
    Grid.ColumnSpan="3"
    Grid.Row="4"
    HorizontalOptions="Center"
    Margin="0,50,0,50"
    BackgroundColor="Transparent">

    <yummy:PancakeView
        CornerRadius="20">
        <Label TextColor="Gray" HorizontalOptions="Center" VerticalOptions="Center">Continuar</Label>
        <yummy:PancakeView.Border>
            <yummy:Border Thickness="2">
                <yummy:Border.GradientStops>
                    <yummy:GradientStopCollection>
                        <yummy:GradientStop Color="#3C95E8" Offset="0.1"/>
                        <yummy:GradientStop Color="#DD7777" Offset="0.5"/>
                        <yummy:GradientStop Color="#FFC455" Offset="1.0"/>
                    </yummy:GradientStopCollection>
                </yummy:Border.GradientStops>
            </yummy:Border>
        </yummy:PancakeView.Border>
    </yummy:PancakeView>

    <Frame.GestureRecognizers>
        <TapGestureRecognizer Command="{Binding OnContinue}"/>
    </Frame.GestureRecognizers>
</Frame>

I already find solution, I hope help anybody. Just use PancakeView.

        <Frame WidthRequest="300"
    HeightRequest="50"
    CornerRadius="20"
    Grid.Column="0"
    Grid.ColumnSpan="3"
    Grid.Row="4"
    HorizontalOptions="Center"
    Margin="0,50,0,50"
    BackgroundColor="Transparent">

    <yummy:PancakeView
        CornerRadius="20">
        <Label TextColor="Gray" HorizontalOptions="Center" VerticalOptions="Center">Continuar</Label>
        <yummy:PancakeView.Border>
            <yummy:Border Thickness="2">
                <yummy:Border.GradientStops>
                    <yummy:GradientStopCollection>
                        <yummy:GradientStop Color="#3C95E8" Offset="0.1"/>
                        <yummy:GradientStop Color="#DD7777" Offset="0.5"/>
                        <yummy:GradientStop Color="#FFC455" Offset="1.0"/>
                    </yummy:GradientStopCollection>
                </yummy:Border.GradientStops>
            </yummy:Border>
        </yummy:PancakeView.Border>
    </yummy:PancakeView>

    <Frame.GestureRecognizers>
        <TapGestureRecognizer Command="{Binding OnContinue}"/>
    </Frame.GestureRecognizers>
</Frame>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文