Настроить индикатор выполнения в формах Xamarin в кадре

Question

Я пытаюсь добавить индикатор прогресса в Xamarin Forms в моем XAML.Но индикатор выполнения по умолчанию дает мне только один тип цвета без меток на обоих концах и 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>

Может кто-нибудь, пожалуйста, помогите мне добиться этого, как на картинке?

Answer 1

Кадр может содержать только один элемент в качестве содержимого.Вы можете решить эту проблему, поместив макет, такой как Grid или StackLayout, в свойство содержимого вашего фрейма.

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

Что касается индикатора выполнения, вам потребуется реализовать пользовательский рендер, который заполнитиндикатор выполнения с градиентом вместо простого цвета заливки.