C#程序运行时如何动态更新WPF Image控件显示的图片

• 初始图片消失：XAML中填写的s.jpg相对路径，程序运行时的工作目录与设计时不一致，无法定位到图片资源，控件Source被置空
• 动态更新失败有三个核心原因：
  1. 耗时操作（Socket接收、Thread.Sleep）直接在UI线程执行，阻塞了UI渲染逻辑，就算给Source赋值也不会触发界面刷新
  2. BitmapImage默认会对本地文件加锁，刚调用File.WriteAllBytes之后文件流还未完全释放，直接加载会失败
  3. 写死的bin\Debug相对路径在不同运行环境下解析逻辑不稳定，容易出现路径找不到的问题

1. 调整BitmapImage加载逻辑 #

改用内存流加载字节数组，跳过直接读本地文件的步骤，避免文件锁问题，同时支持跨线程调用。

2. 耗时逻辑移到后台线程 #

Socket接收、等待类操作放到后台线程执行，UI更新通过Dispatcher调度到UI线程执行。

3. 路径逻辑优化 #

如果要保留初始加载的静态图片，把图片加入项目资源，或者设置静态图片的「复制到输出目录」属性为「如果较新则复制」，避免相对路径解析失败。

修改后C#业务代码示例 #

// 字节数组转BitmapImage工具方法
private BitmapImage BytesToBitmapImage(byte[] bytes)
{
    using (var ms = new MemoryStream(bytes))
    {
        var bitmap = new BitmapImage();
        bitmap.BeginInit();
        bitmap.CacheOption = BitmapCacheOption.OnLoad;
        bitmap.StreamSource = ms;
        bitmap.EndInit();
        bitmap.Freeze(); // 跨线程访问需冻结资源
        return bitmap;
    }
}

// 业务逻辑执行部分
Task.Run(() =>
{
    byte[] PictureBits;
    Debug.WriteLine(ip);
    s = new SocketHandler(ip, Int32.Parse(port));
    PictureBits = s.recive();
    // 可选保留写本地文件逻辑，不影响加载
    File.WriteAllBytes("Picture.bmp", PictureBits);
    Thread.Sleep(1000);
    
    var newBitmap = BytesToBitmapImage(PictureBits);
    // 切回UI线程更新控件
    Dispatcher.Invoke(() =>
    {
        screenShot.Source = newBitmap;
    });
});

XAML优化示例（保留初始图片） #

如果需要保留启动时的初始图片，将s.jpg加入项目Resources目录，设置生成操作为Resource，修改Source为资源路径：

<Window x:Class="RJviewClient.streamImage"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:RJviewClient"
        mc:Ignorable="d"
        Title="streamImage" Height="450" Width="800" Loaded="Window_Loaded">
    <Grid>
        <Image Name="screenShot" Source="/RJviewClient;component/Resources/s.jpg" 
               HorizontalAlignment="Left" Height="100" Margin="286,177,0,0" 
               VerticalAlignment="Top" Width="100"/>
    </Grid>
</Window>

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