Xamarin表单中带有百分比文本的进度条

Question

我正在尝试使用Xamarin表单PCL项目构建一个应用程序，我需要在其中显示一个带有填充％文本的进度条，就像这样 -

我已经尝试过盒子视图，但我很难根据我的百分比设置宽度。

我也尝试过进度条 -

  <StackLayout Orientation="Horizontal" Grid.Row="0" Grid.Column="0" Padding="10,0,10,0">
            <ProgressBar BackgroundColor="Transparent"  Progress="0.08"  HorizontalOptions="FillAndExpand" HeightRequest="20"/>
            <Label Text="25"></Label>
          </StackLayout>

任何人都知道如何实现这个目标？

Answer 1

将ProgressBar和Label放在Grid容器中。网格容器在多个元素之上布置多个元素。接下来，将标签左侧的Margin设置为相对于进度条的百分比。您可能需要摆弄确切的边距才能使其正确对齐。

实施例：

<Grid Grid.Row="0" Grid.Column="0" Padding="10,0,10,0">
    <ProgressBar BackgroundColor="Transparent"  Progress="0.08"  HorizontalOptions="FillAndExpand" HeightRequest="20"/>
    <Label Text="25" Margin="80,0,0,0"></Label>
</Grid>

Answer 2

在这种情况下，您必须使用绝对布局或相对布局，其中包含2个子进度条＆amp;标签并基于进度更改文本属性。