在框架内自定义 Xamarin Forms 中的进度条答案

【问题标题】：Customize progress bar in Xamarin Forms within a frame在框架内自定义 Xamarin Forms 中的进度条
【发布时间】：2018-10-12 10:48:26
【问题描述】：

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

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

                      <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>

有人可以帮我实现这一点吗？

【问题讨论】：

标签： xamarin xamarin.forms

【解决方案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>

关于你的进度条，你必须实现一个自定义渲染器，它会用渐变而不是简单的填充颜色填充进度条。

【讨论】：