如何自动转换评级从int到面板与图像在数据网格

本文关键字：图像 数据 网格 数据网 转换 何自动 int | 更新日期: 2023-09-27 17:50:44

有一件事需要帮助。我有DataGrid，将它绑定到这个类:

class Book
{
    public string Title { get; set; }
    public string Author { get; set; }
    public string Tags { get; set; }
    public string Year { get; set; }
    public string Description { get; set; }
    public string Path { get; set; }
    public int Rating { get; set; }
    public Statistics Stats { get; set; }
}

这是XAML:

<DataGrid AutoGenerateColumns="False" EnableRowVirtualization="True" ItemsSource="{Binding}" Margin="56,49,12,12" Name="booksDataGrid" RowDetailsVisibilityMode="VisibleWhenSelected" ColumnWidth="*" MinWidth="400" MinHeight="250">
        <DataGrid.Columns>
            <DataGridTextColumn x:Name="titleColumn" Binding="{Binding Path=Title}" Header="Title" Width="2*" />
            <DataGridTextColumn x:Name="authorColumn" Binding="{Binding Path=Author}" Header="Author" Width="*" />
            <DataGridTextColumn x:Name="tagsColumn" Binding="{Binding Path=Tags}" Header="Tags" Width="*" />
            <DataGridTextColumn x:Name="yearColumn" Binding="{Binding Path=Year}" Header="Year" Width="*" />
            <DataGridTextColumn x:Name="ratingColumn" Binding="{Binding Path=Rating}" Header="Rating" Width="*" />
        </DataGrid.Columns>
</DataGrid>

但是我想显示的不是一个数字，而是五个星星的图像。如何将int值转换为带有图像的面板?

如何自动转换评级从int到面板与图像在数据网格

你可以尝试这样做:

class Book
{
    public string Title { get; set; }
    public string Author { get; set; }
    public string Tags { get; set; }
    public string Year { get; set; }
    public string Description { get; set; }
    public string Path { get; set; }
    public int Rating { get; set; }
    public Statistics Stats { get; set; }
  public string displayRating 
    {
        get
        {
            if (Rating > 0)
            {
                var temp = "";
                for (int i = 0; i < Rating; i++)
                {
                    temp += "*";
                }
                return temp;
            }
            return "No rating found";
        } 
    }
}

如果您的Rating属性= 5，则displayRating属性将是"*****"。你可以像这样将displayRating属性绑定到gridview上:

 <DataGridTextColumn x:Name="ratingColumn" Binding="{Binding Path=displayRating}" Header="Rating" Width="*" />
编辑:

如果你需要的最大星星数量不是一个超级大的数字(比如30+)，你可以为每个评级制作一个。jpg。所以你创建了一个带有1*的。jpg文件，你创建了一个带有2*的。jpg文件。然后在displayRating字符串中执行以下操作:

  public string displayRating 
    {
        get{ return "pathToYourJpg" + Rating + ".jpg";}
    }

假设你有以下Jpg文件:

c:/users/desktop/rating1.jpg
c:/users/desktop/rating2.jpg
c:/users/desktop/rating3.jpg
c:/users/desktop/rating4.jpg

如果您的评级是4,displayProperty评级将返回"c:/users/desktop/rating4.jpg"使用此路径将其绑定到您的数据网格

像这样(不确定，我自己没有这样做过，但应该是这样的):

<Image Source="{Binding Path=displayRating}" Stretch="Fill" Height="100" Width="100" />

这是我刚刚想到的…这是你可以做到的一种方法，而不是说这是最好的方法:)

相关文章：