[C#/WINUI3/.NET6] Image 엘리먼트 사용하기

■ Image 엘리먼트를 사용하는 방법을 보여준다.

▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Image
            HorizontalAlignment="Center"
            Height="100"
            Source="/IMAGE/treetops.jpg" />
        <Image
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Height="100">
            <Image.Source>
                <BitmapImage
                    DecodePixelHeight="100"
                    UriSource="/IMAGE/treetops.jpg" />
            </Image.Source>
        </Image>
    </StackPanel>
</Window>

<?xml version="1.0" encoding="utf-8"?>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="TestProject">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Image

HorizontalAlignment="Center"

Height="100"

Source="/IMAGE/treetops.jpg" />

<Image

HorizontalAlignment="Center"

Margin="0 10 0 0"

Height="100">

<Image.Source>

<BitmapImage

DecodePixelHeight="100"

UriSource="/IMAGE/treetops.jpg" />

</Image.Source>

</Image>

</StackPanel>

</Window>

TestProject.zip