WPF中动态加载图像

Question

我在使用 WPF 时遇到了一个奇怪的问题，我在运行时从磁盘加载图像并将它们添加到 StackView 容器中。 但是，图像没有显示。 经过一番调试，我发现了窍门，但它确实没有任何意义。 我制作了一个小型演示应用程序来识别问题：

创建一个新的 WPF 项目，然后粘贴代码如下：

xaml：

<Window x:Class="wpfBug.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300" Loaded="Window_Loaded">
    <StackPanel Name="sp">
    </StackPanel>
</Window>

xaml.cs，粘贴到默认使用下面：

namespace wpfBug
{
    /// <summary>
    /// Interaction logic for Window1.xaml
    /// </summary>
    public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            Image i = new Image();
            BitmapImage src = new BitmapImage();
            src.BeginInit();
            src.UriSource = new Uri("picture.jpg", UriKind.Relative);
            src.EndInit();
            i.Source = src;
            i.Stretch = Stretch.Uniform;
            //int q = src.PixelHeight;        // Image loads here
            sp.Children.Add(i);
        }
    }
}

将图像复制到 bin/Debug 文件夹并将其命名为“图片” .jpg'

该程序不显示任何内容，除非注释行被取消注释。

谁能解释我做错了什么，或者为什么会发生这种情况？ 如果删除图像并运行程序，它将在“int q= ...”行上生成异常。 如果该行被注释，即使不存在图像，程序也会毫无异常地运行。 仅在必要时才加载图像，但是当我将 Image 控件添加到 StackPanel 时，应该加载图像。

有什么想法吗？

编辑：顺便说一句，如果将图像添加为资源，则不需要 'int q = ..' 行。

Answer 1

这是因为创造被延迟了。
如果你希望图片立即加载，只需将这段代码添加到init阶段即可。

src.CacheOption = BitmapCacheOption.OnLoad;

像这样：

src.BeginInit();
src.UriSource = new Uri("picture.jpg", UriKind.Relative);
src.CacheOption = BitmapCacheOption.OnLoad;
src.EndInit();

Answer 2

在执行程序集中加载资源的代码中，其中我的图像“Freq.png”位于“图标”文件夹中并定义为“资源”。

        this.Icon = new BitmapImage(new Uri(@"pack://application:,,,/" 
             + Assembly.GetExecutingAssembly().GetName().Name 
             + ";component/" 
             + "Icons/Freq.png", UriKind.Absolute)); 

如果有人愿意的话，我还做了一个功能...

/// <summary>
/// Load a resource WPF-BitmapImage (png, bmp, ...) from embedded resource defined as 'Resource' not as 'Embedded resource'.
/// </summary>
/// <param name="pathInApplication">Path without starting slash</param>
/// <param name="assembly">Usually 'Assembly.GetExecutingAssembly()'. If not mentionned, I will use the calling assembly</param>
/// <returns></returns>
public static BitmapImage LoadBitmapFromResource(string pathInApplication, Assembly assembly = null)
{
    if (assembly == null)
    {
        assembly = Assembly.GetCallingAssembly();
    }

    if (pathInApplication[0] == '/')
    {
        pathInApplication = pathInApplication.Substring(1);
    }
    return new BitmapImage(new Uri(@"pack://application:,,,/" + assembly.GetName().Name + ";component/" + pathInApplication, UriKind.Absolute)); 
}

用法：

        this.Icon = ResourceHelper.LoadBitmapFromResource("Icons/Freq.png");

Answer 3

这是奇怪的行为，虽然我无法说出为什么会发生这种情况，但我可以推荐一些选项。

首先，观察。 如果您将图像作为内容包含在 VS 中并将其复制到输出目录，则您的代码可以正常工作。 如果图像在VS中被标记为None并且你将其复制过来，则它不起作用。

解决方案 1：FileStream

BitmapImage 对象接受 UriSource 或 StreamSource 作为参数。 让我们改用 StreamSource。

        FileStream stream = new FileStream("picture.png", FileMode.Open, FileAccess.Read);
        Image i = new Image();
        BitmapImage src = new BitmapImage();
        src.BeginInit();
        src.StreamSource = stream;
        src.EndInit();
        i.Source = src;
        i.Stretch = Stretch.Uniform;
        panel.Children.Add(i);

问题：流保持打开状态。 如果在此方法结束时关闭它，则图像将不会显示。 这意味着该文件在系统上保持写锁定状态。

解决方案 2：MemoryStream

这基本上是解决方案 1，但您将文件读入内存流并将该内存流作为参数传递。

        MemoryStream ms = new MemoryStream();
        FileStream stream = new FileStream("picture.png", FileMode.Open, FileAccess.Read);
        ms.SetLength(stream.Length);
        stream.Read(ms.GetBuffer(), 0, (int)stream.Length);

        ms.Flush();
        stream.Close();

        Image i = new Image();
        BitmapImage src = new BitmapImage();
        src.BeginInit();
        src.StreamSource = ms;
        src.EndInit();
        i.Source = src;
        i.Stretch = Stretch.Uniform;
        panel.Children.Add(i);

现在您可以修改系统上的文件（如果您需要的话）。

Answer 4

您可以尝试将处理程序附加到 BitmapImage 的各种事件：

• 解码失败
• 下载失败
• DownloadCompleted

他们可能会告诉您一些有关图像的信息。

Answer 5

下面是从 URI 加载图像的扩展方法：

public static BitmapImage GetBitmapImage(
    this Uri imageAbsolutePath,
    BitmapCacheOption bitmapCacheOption = BitmapCacheOption.Default)
{
    BitmapImage image = new BitmapImage();
    image.BeginInit();
    image.CacheOption = bitmapCacheOption;
    image.UriSource = imageAbsolutePath;
    image.EndInit();

    return image;
}

使用示例：

Uri _imageUri = new Uri(imageAbsolutePath);
ImageXamlElement.Source = _imageUri.GetBitmapImage(BitmapCacheOption.OnLoad);

就这么简单！