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

【问题标题】：How to display a jpg image in ContentControl using a jpg image path如何使用 jpg 图像路径在 ContentControl 中显示 jpg 图像
【发布时间】：2023-03-15 01:49:01
【问题描述】：

我在基于 XAML 的窗口中具有以下控件，显示矢量图像“徽标”：

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

它链接到资源 XAML 文件中的“徽标”矢量图像数据：

<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 文件。

【问题讨论】：

标签： c# .net wpf xaml contentcontrol

【解决方案1】：

将 JPG 文件添加到您的资源中，并将构建操作设置为“资源”。然后将以下代码放入Viewbox。资源声明也可以转入资源字典。

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

【讨论】：