Xamarin表单列表视图项目带有标签+圆圈背景

Question

我想在Xamarin Forms for Android和IOS中设计我的ListView。

我想制作此商品清单：

我的问题是带号码的圈子。事实上，我不知道如何在Xamarin Forms中制作圆圈。

这是我的itemTemplate：

<ViewCell.View>
<StackLayout HorizontalOptions="FillAndExpand" Padding="10" BackgroundColor="{Binding RowColor}">
    <Label Text="{Binding Name}" TextColor="White" FontSize="20"
           LineBreakMode="NoWrap" />
    <Grid HorizontalOptions="FillAndExpand">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="4*" />
            <ColumnDefinition Width="1*" />
        </Grid.ColumnDefinitions>
        <Label Text="{Binding BarcodeMessage}" Grid.Column="0"
               HorizontalOptions="FillAndExpand" TextColor="White" /> 
        <Label Text="{Binding Quantity}" Grid.Column="1"
               HorizontalOptions="FillAndExpand" TextColor="White" />
    </Grid>
</StackLayout>

你能帮助我吗？

谢谢

Answer 1

使用带有圆圈的标签作为背景图像，然后将文本放在其中。 Alterantely，使用网格，您可以使用带有标签（透明背景）的图像控件。

还有一个RoundedBoxView插件可能很有用。