Blend 4 和 WPF 4.0 中奇怪的 UserControl 图像路径行为

Question

我正在使用 Blend 4 和 VisualStudio 2010 构建一个具有类似向导功能的信息亭 WPF 4.0 应用程序。我决定将各个步骤移至单独的用户控件，以保持应用程序的主窗口尽可能精简。但是，我在将 UserControl 包含到主窗口中时遇到了问题，因为将 XAML 移动到单独的 UserControl 文件后图像路径被破坏。

当将此代码放入主窗口 XAML 中时，它可以工作：

<Button Grid.Row="1" Grid.Column="2" Height="{Binding ActualWidth, RelativeSource={RelativeSource Self}}" Margin="20" VerticalAlignment="Bottom" Style="{DynamicResource ImageButton}">
  <Button.Background>
    <ImageBrush ImageSource="/Images/Extra/motor_boat_2.jpg" Stretch="UniformToFill"/>
  </Button.Background>
</Button>

但是当我将该代码移动到单独的用户控件并将其包含在主窗口中时，设计器会抛出异常：

IOException：无法找到资源“images/extra/sailing_boat.jpg”。

我尝试过使用几种不同的语法，但都失败了，有时使用 %ProgramFiles% 目录，有时将绝对路径转换为相对路径（如上所述）。有时，Blend 4 中的“构建项目”操作会因此失败。

所有图像都标记为资源，并将构建操作设置为始终复制。

VisualStudio 构建和运行应用程序没有问题，用户控件在运行的应用程序中正确显示，没有抛出异常。

编辑：

在 UserControl 中使用相对路径，然后从 VisualStudio 构建并运行应用程序，然后切换回 Blend 正确显示图像，直到对 UserControl 进行下一次修改。

Answer 1

使用Pack URI，如下所示：

Uri uri = new Uri("pack://application:,,,/Images/Extra/motor_boat_2.jpg");