Xamarin Forms Listenansicht Element mit Label + Kreis Hintergrund

Question

Ich möchte meine ListView in Xamarin Forms für Android und IOS entwerfen.

Ich möchte diesen Artikel Liste machen:

Mein Problem ist der Kreis mit der Nummer. In der Tat weiß ich nicht, wie ich Kreise in Xamarin Forms machen kann.

Das ist mein 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> 

Können Sie mir helfen?

Danke

Answer 1

ein Label mit einem Kreis als Hintergrundbild verwenden, dann legen Sie den Text im Inneren. Alternativ können Sie mit einem Raster ein Bild-Steuerelement mit einem Label (mit transparentem Hintergrund) darüber legen. Es gibt auch ein RoundedBoxView Plugin, das nützlich sein könnte