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

Question

我在 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 中的 DataProvider 或 SampleData (Blend)（我知道它们存在，但不知道如何包含图像）。

Answer 1

您可以通过设置绑定的 FallbackValue:

来实现

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

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

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

How to display Image with design-time Source in Expression Blend

wpf

xaml

design-time

expression-blend-4

blendability