如何在WPF中创建一个单独显示每个像素的图像框控件？

<Grid>
    <ItemsControl ItemsSource="{Binding Pixels}">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <UniformGrid Rows="{Binding Height}" Columns="{Binding Width}"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Rectangle Fill="{Binding Color}" Width="1" Height="1"/>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Grid>

public class Pixel
{
    public Color Color { get; set; }
}

public class ViewModel
{
    public int Width { get; set; }
    public int Height { get; set; }
    public Pixel[,] Pixels { get; set; }

    public ViewModel()
    {
        // 初始化像素数组
        Width = 100;
        Height = 100;
        Pixels = new Pixel[Width, Height];

        // 设置每个像素的颜色值
        for (int x = 0; x < Width; x++)
        {
            for (int y = 0; y < Height; y++)
            {
                Pixels[x, y] = new Pixel { Color = Colors.Black };
            }
        }
    }
}

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        // 设置窗口的DataContext为ViewModel实例
        DataContext = new ViewModel();
    }
}