WPF中通过Image控件动态显示卡片图片失效，如何解决？

核心问题 #

你的代码存在两个关键错误导致图片无法显示：

• UriKind 类型错误：你使用了绝对路径却指定UriKind.Relative，这会导致WPF无法正确解析图片路径。
• 未将Image控件加入可视化树：你创建了Image控件，但没有把它添加到窗口的容器（如Grid、StackPanel）中，控件不会出现在界面上。此外，你实例化了新的MainWindow，而非使用当前已显示的窗口实例，这也会导致控件无法被看到。

修正后的代码示例 #

假设你的XAML中已经定义了一个用于放置卡片的容器（比如名为cardContainer的StackPanel），修正代码如下：

// 获取当前已显示的主窗口实例，而非新建
var mainwindow = Application.Current.MainWindow as MainWindow;
if (mainwindow == null) return;

Players[i].Cards = new Card[2];
Players[i].Cards[0] = Deck[i * 2];
string Suit = Convert.ToString(Players[i].Cards[0].Suit);
string Rank = Convert.ToString(Players[i].Cards[0].Rank);

Image Card = new Image();
BitmapImage source = new BitmapImage();
source.BeginInit();
// 绝对路径使用UriKind.Absolute
source.UriSource = new Uri($@"C:\Users\User\Documents\Cards\{Suit}\{Rank}.png", UriKind.Absolute);
// 可选：设置图片尺寸，避免拉伸异常
source.DecodePixelWidth = 100;
source.EndInit();

Card.Source = source;
// 将Image控件添加到窗口的容器中
mainwindow.cardContainer.Children.Add(Card);

额外注意事项 #

1. UI线程操作：如果这段代码在后台线程执行，需要通过Dispatcher切换到UI线程：

   Application.Current.Dispatcher.Invoke(() => {
       // 上述创建和添加控件的代码放在这里
   });
   

2. 图片权限：确保程序有访问该图片路径的权限，避免因权限问题无法加载。
3. 资源文件替代方案：如果图片是项目资源，建议将图片添加到项目中（设置为"资源"生成操作），然后使用相对路径加载，比如：

   source.UriSource = new Uri($@"/Cards/{Suit}/{Rank}.png", UriKind.Relative);
   

内容的提问来源于stack exchange，提问作者MayaTheBee