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

本文关键字:图像 jpg 显示 ContentControl 路径 何使用 | 更新日期: 2023-09-27 18:02:16

我在基于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文件,而不是链接到资源文件中的矢量图像数据。

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

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

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