WPFで動的にコントロールを作成配置するサンプル2

画像を表示するだけのプログラムであればMainWindow.xaml.csで動的にImageコントロールを追加することが出来るのではないかと思い試してみました。

WPFでは基本的にXAMLであらかじめViewを静的に定義するわけですが、winformsぽく動的にコントロールを作成する方法を調べてみました。プロジェクトが作成された状態のxamlファイルのGridに名前"Grid1"をつけます。 <W...

ファイル名:MainWindow.xaml.cs

using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Media.Imaging;

namespace NoXaml01;

/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        PixelFormat pf = PixelFormats.Bgra32;
        const double dpi = 96.0d;
        const int w = 128;
        const int h = 128;
        int stride = (w * pf.BitsPerPixel + 7) / 8;
        byte[] pixels = new byte[stride * h];

        // ランダム画像
        Random value = new();
        value.NextBytes(pixels);

        BitmapSource bs = BitmapSource.Create(
            w, h, dpi, dpi, PixelFormats.Bgra32, null, pixels, stride);
        
        Image image1 = new()
        {
            Source = bs,
        };

        var grid = this.Content as System.Windows.Controls.Grid;
        if (grid is not null)
        {
            grid.Children.Add(image1);
        }
    }
}

実行すると以下の様なウィンドウが表示されました。