自定义框架中Xamarin表单中的进度条

Question

我正在尝试在XAML的Xamarin Forms中添加进度条。但是默认的进度条只给我一种颜色，两端都没有标签，两端都带有两个圆圈，如下图所示：

此外，我无法在框架内添加进度条。我的代码如下：

                      <StackLayout Orientation="Vertical" Margin="5">

                            <Frame Padding="10"
                               BackgroundColor="White"
                               HeightRequest="80">
                            <Frame.Content>
                                <Label Text="%" HorizontalTextAlignment="End" FontSize="Small"/>
                                <ProgressBar x:Name="myProgressBar" WidthRequest="100"
                                         HeightRequest="15" VerticalOptions="Center" HorizontalOptions="Center" Progress="0.2"/>
                            </Frame.Content>

                        </Frame>
                    </StackLayout>

有人可以帮我实现图像中的效果吗？

Answer 1

一个框架只能容纳一个元素作为内容。 您可以通过将诸如Grid或StackLayout之类的布局放入框架的content属性中来解决该问题。

<Frame.Content>
    <StackLayout Orientation="Vertical">
        <Label Text="%" HorizontalTextAlignment="End" FontSize="Small"/>
        <ProgressBar x:Name="myProgressBar" WidthRequest="100"
            HeightRequest="15" VerticalOptions="Center" HorizontalOptions="Center" Progress="0.2"/>
    </StackLayout>
</Frame.Content>

关于进度条，您将必须实现自定义渲染器，该渲染器将使用渐变而不是简单的填充颜色填充进度条。