如何在 Expression Blend 中显示带有设计时源的图像答案

【问题标题】：How to display Image with design-time Source in Expression Blend如何在 Expression Blend 中显示带有设计时源的图像
【发布时间】：2016-07-08 03:51:21
【问题描述】：

我在 XAML 可视化树中的一些控件下有一个图像。我想显示设计时图像，以便检查布局、尺寸等。与此等价的东西：

<UserControl.Resources>
    <Something x:Key="DesignSource" Uri="/Image/sourceimage.png"/>
</UserControl.Resources>

<Image
    Source="{Binding RealSource}"
    d:Source="{StaticResource DesignSource}"/>

“something”是指向某个图像文件的某个图像源提供程序，而“d:Source”在这里只是为了表明我的意图：同时定义不同的源：一个用于运行时，另一个用于设计时。

欢迎在 XAML 或 SampleData (Blend) 中使用 DataProviders（我知道它们存在，但不知道如何包含图像）。

【问题讨论】：

标签： wpf xaml design-time expression-blend-4 blendability

【解决方案1】：

您可以通过设置绑定的FallbackValue 来实现：

<UserControl.Resources>
    <BitmapImage x:Key="DesignSource" UriSource="/Image/sourceimage.png"/>
</UserControl.Resources>

<Image Source="{Binding RealSource, FallbackValue={StaticResource DesignSource}}"/>

【讨论】：