如何使用jpg图像路径在ContentControl中显示jpg图像

Question

我在基于XAML的窗口中有以下控件，该窗口显示向量图像"Logo"：

<ContentControl Margin="10" Content="{StaticResource Logo}" Height="45"></ContentControl>

它还链接到资源XAML文件中的"Logo“矢量图像数据：

<Viewbox x:Key="Logo" x:Shared="False">
    <Canvas  Height="256" Width="256">
        <Path  Fill="#46D42C">
            <Path.Data>
                <PathGeometry Figures="m 71.72 ... <data removed by me to post on stackoverflow> .... 71.72 0.00 z" FillRule="NonZero"/>
            </Path.Data>
        </Path>
        </Path>
    </Canvas>
</Viewbox>

我想知道如何通过链接到JPG文件路径来改变主窗口中的代码以显示jpg文件，而不是链接到资源文件中的矢量图像数据。

Answer 1

将JPG文件添加到资源中，并将构建操作设置为"Resource“。然后将以下代码放入视图框中。还可以将资源声明转换为资源字典。

<Viewbox>
    <Grid>
        <Grid.Resources>
            <BitmapImage
                x:Key="image"
                UriSource=".\Resources\art.jpg" />
        </Grid.Resources>
        <Canvas>
            <Image
                Source="{StaticResource ResourceKey=image}" />
        </Canvas>
    </Grid>
</Viewbox>