将随机颜色绑定到列表框的项目

Question

我想在列表框中生成不同颜色的项目。例如 - 每个项目中不同颜色的矩形。我不能这样做。 到目前为止，我已经创建了一个这样的类

public class RandomColorGenerator
{
    public Color randomBrush { get; set; }
    private static Random randomColor = new Random();
    private static uint[] uintColors =
    { 
        0xFF34AADC,0xFFFF2D55,0xFF007AFF,0xFFFF9500,0xFF4CD964,
        0xFFFFCC00,0xFF5856D6,0xFFFF3B30,0xFFFF4981,0xFFFF3A2D
    };

    public RandomColorGenerator()
    {
        randomBrush = generateRandomColor();
    }

    private static Color ConvertColor(uint uintCol)
    {
        byte A = (byte)((uintCol & 0xFF000000) >> 24);
        byte R = (byte)((uintCol & 0x00FF0000) >> 16);
        byte G = (byte)((uintCol & 0x0000FF00) >> 8);
        byte B = (byte)((uintCol & 0x000000FF) >> 0); 
        return Color.FromArgb(A, R, G, B); ;
    }

    public static Color generateRandomColor()
    {
        return ConvertColor(uintColors[randomColor.Next(0, 9)]);
    }
}

在 XAML 中

<ListBox x:Name="TestListBox"  >
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Rectangle Margin="10" Height="100" Width="400" >
                <Rectangle.Fill>
                    <SolidColorBrush Color="{Binding randomBrush, 
                                             Source={StaticResource colorgenerate}}">
                    </SolidColorBrush>
                </Rectangle.Fill>
            </Rectangle>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

做完这一切后，我得到了这样的结果-

重新启动应用后，我得到了这个

虽然我每次运行应用程序时都会获得随机颜色。但是一种颜色应用于所有矩形。

我不知道如何得到想要的结果。 我想要这样的东西-

任何帮助将不胜感激。

Answer 1

关键是只有在创建类 RandomColorGenerator 时才会生成 RabdomBrush。

每次调用时都应该生成新的 RandomBrush。有点像这样：

public class RandomColorGenerator
{
  public Color randomBrush { 

    get {return generateRandomColor(); }

}
....

Answer 2

您的所有代码都已准备就绪。只需在您的代码中进行这些更改。

您的列表框 xaml

<ListBox x:Name="TestListBox">
<ListBox.ItemTemplate>
    <DataTemplate>
        <Rectangle Margin="10" Height="100" Width="400" >
            <Rectangle.Fill>
                <SolidColorBrush Color="{Binding}">
                </SolidColorBrush>
            </Rectangle.Fill>
        </Rectangle>
    </DataTemplate>
</ListBox.ItemTemplate> 

在您的页面构造函数中。添加以下代码

 List<RandomColorGenerator> list = new List<RandomColorGenerator>();
        list.Add(new RandomColorGenerator());
        list.Add(new RandomColorGenerator());
        list.Add(new RandomColorGenerator());
        list.Add(new RandomColorGenerator());
        list.Add(new RandomColorGenerator());
        list.Add(new RandomColorGenerator());
        TestListBox.ItemsSource = list;

希望对你有帮助

Answer 3

对于您不重复的问题，我已经更新了您的课程，请参阅下面的课程。现在你的颜色不会重复了。但请确保不要添加超过 10 种颜色。

public class RandomColorGenerator
{
    private static List<int> addedIndex = new List<int>();
    public Color randomBrush { get { return generateRandomColor(); } }
    private static Random randomColor = new Random();
    private static uint[] uintColors =
    { 
        0xFF34AADC,0xFFFF2D55,0xFF007AFF,0xFFFF9500,0xFF4CD964,
        0xFFFFCC00,0xFF5856D6,0xFFFF3B30,0xFFFF4981,0xFFFF3A2D
    };

    private static Color ConvertColor(uint uintCol)
    {
        byte A = (byte)((uintCol & 0xFF000000) >> 24);
        byte R = (byte)((uintCol & 0x00FF0000) >> 16);
        byte G = (byte)((uintCol & 0x0000FF00) >> 8);
        byte B = (byte)((uintCol & 0x000000FF) >> 0);
        return Color.FromArgb(A, R, G, B); ;
    }

    public static Color generateRandomColor()
    {
        int random = randomColor.Next(0, 9);
        if (addedIndex.Count < 9)
        {
            while (addedIndex.Contains(random))
            {
                random = randomColor.Next(0, 9);
            }
            addedIndex.Add(random);
        }
        return ConvertColor(uintColors[random]);
    }
}

希望对你有帮助

Answer 4

您可能需要将一组颜色分配给 ListBox，如下面的代码 sn-p 中所示：

在 Xaml 中：

<ListBox x:Name="TestListBox" ItemSource={Binding ColorList}>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Rectangle Margin="10" Height="100" Width="400" >
                <Rectangle.Fill>
                    <SolidColorBrush Color="{Binding}">
                    </SolidColorBrush>
                </Rectangle.Fill>
            </Rectangle>
        </DataTemplate>
    </ListBox.ItemTemplate> 
</ListBox>

在视图模型中：

public class RandomColorGeneratorViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
    }

    private List<Color> _colorList;
    public List<Color> ColorList
    {
        get { return _colorList; }
        set { _colorList = value; }
    }
}

在 Window/UserControl 构造函数中，添加这一行：

public MainWindow()
{
    InitializeComponent();
    this.DataContext = new RandomColorGeneratorViewModel();
}

现在生成随机颜色的最佳方法是生成整数中的红色、绿色、蓝色值并将它们转换为十六进制并分配给此集合。