如何在Xamarin表格中添加評級欄

Question

這裏我得到的數據列表，我把它分配給一個列表視圖...在這一點上，我需要顯示用戶評級，以每個項目..所以當用戶評級是$ ..我需要顯示greeen色和灰色另一1星級4stars ..即時通訊無法做到這一點..誰能告訴我

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

Answer 1

有大量的樣本，並控制了那裏。你並不需要親自去做。 Syncfusion爲Xamarin提供了一些很好的控制。還有一個免費的社區許可證。

我認爲這就是你想要的 - >https://www.syncfusion.com/products/xamarin