C# 如何在xamarin表单中添加分级栏

在这里我得到的数据列表，我分配给一个listview。。。因为我需要显示每个项目的用户评分。。因此，当用户评级为$。。我需要用绿色显示4颗星，用灰色显示1颗星。。我做不到这一点。。谁能告诉我

 <ListView ItemSource="{Binding Data}">
    <ListView.ItemTemplate>
      <DataTemplate>
        <Frame BackgroundColor="White"  Padding="5" >
          <Grid Padding="3"     BackgroundColor="White" >

            <Grid.RowDefinitions>
              <RowDefinition Height="Auto" />
              <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>

            <ffimageloading:CachedImage HeightRequest="100" Aspect="AspectFill"

              LoadingPlaceholder="image_loading.png" ErrorPlaceholder="image_error.png"
              Source="{Binding Images}" Grid.Row="0" Grid.Column="0"/>
            <!--<StackLayout Grid.Row="1" Grid.Column="0" Orientation="Vertical">
          <Label x:Name="Label" 
       Text="{Binding FileName}" />
          <Label Text="uhfuiehuegirtj"/>
          <Label Text="ufoidjgoidrjiojkgorij"/>
        </StackLayout>-->
            <Grid Grid.Row="1" Grid.Column="0">
              <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
              </Grid.RowDefinitions>
              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
              </Grid.ColumnDefinitions>
              <Label Text="{Binding CourseName}" FontAttributes="Bold" TextColor="Black" Grid.Row="0" Grid.Column="0" LineBreakMode="WordWrap"/>
              <Label Text="{Binding CourseDescription}" TextColor="Black" Grid.Row="1" Grid.Column="0" LineBreakMode="WordWrap"/>
              <StackLayout Grid.Row="2" Grid.Column="0" Orientation="Horizontal">
                <Image Source="graystar.png" HeightRequest="20" WidthRequest="20" x:Name="Img1"/>
                <Image Source="graystar.png" HeightRequest="20" WidthRequest="20" x:Name="Img2"/>
                <Image Source="graystar.png" HeightRequest="20" WidthRequest="20" x:Name="Img3"/>
                <Image Source="graystar.png" HeightRequest="20" WidthRequest="20" x:Name="Img4"/>
                <Image Source="graystar.png" HeightRequest="20" WidthRequest="20" x:Name="Img5"/>

              </StackLayout>
              <StackLayout  Grid.Row="3" Grid.Column="0" Orientation="Horizontal">
                <Label Text="{Binding CoursePrice}" TextColor="Black" HorizontalTextAlignment="Start" FontAttributes="Bold" VerticalTextAlignment="Center"/>
                <Button Image="wishlist.png" HorizontalOptions="Fill" BackgroundColor="Transparent" Clicked="btn_clicked"/>
              </StackLayout>

            </Grid>
          </Grid>
        </Frame>
      </DataTemplate>
    </ListView.ItemTemplate>
  </ListView>

---

有大量的样本和控件。你真的不需要自己去做。Syncfusion为Xamarin提供了一些不错的控件。还有一个免费的社区许可证

我想这就是你想要的->