[C#/WINUI3/UWP/.NET6] TabView 엘리먼트 : 탭에서 색상 아이콘 사용하기

■ TabView 엘리먼트의 탭에서 색상 아이콘을 사용하는 방법을 보여준다.

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <TabView
        Margin="10"
        IsAddTabButtonVisible="False"
        TabWidthMode="SizeToContent"
        SelectedIndex="0">
        <TabView.TabItems>
            <TabViewItem
                Header="CMD Prompt"
                IsClosable="False">
                <TabViewItem.IconSource>
                    <BitmapIconSource
                        ShowAsMonochrome="False"
                        UriSource="ms-appx:///IMAGE/cmd.png" />
                </TabViewItem.IconSource>
            </TabViewItem>
            <TabViewItem
                Header="PowerShell"
                IsClosable="False">
                <TabViewItem.IconSource>
                    <BitmapIconSource
                        ShowAsMonochrome="False"
                        UriSource="ms-appx:///IMAGE/powershell.png" />
                </TabViewItem.IconSource>
            </TabViewItem>
            <TabViewItem
                Header="Windows Subsystem for Linux"
                IsClosable="False">
                <TabViewItem.IconSource>
                    <BitmapIconSource
                        ShowAsMonochrome="False"
                        UriSource="ms-appx:///IMAGE/linux.png" />
                </TabViewItem.IconSource>
            </TabViewItem>
        </TabView.TabItems>
    </TabView>
</Page>

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

<Page x:Class="TestProject.MainPage"

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

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<TabView

Margin="10"

IsAddTabButtonVisible="False"

TabWidthMode="SizeToContent"

SelectedIndex="0">

<TabView.TabItems>

<TabViewItem

Header="CMD Prompt"

IsClosable="False">

<TabViewItem.IconSource>

<BitmapIconSource

ShowAsMonochrome="False"

UriSource="ms-appx:///IMAGE/cmd.png" />

</TabViewItem.IconSource>

</TabViewItem>

<TabViewItem

Header="PowerShell"

IsClosable="False">

<TabViewItem.IconSource>

<BitmapIconSource

ShowAsMonochrome="False"

UriSource="ms-appx:///IMAGE/powershell.png" />

</TabViewItem.IconSource>

</TabViewItem>

<TabViewItem

Header="Windows Subsystem for Linux"

IsClosable="False">

<TabViewItem.IconSource>

<BitmapIconSource

ShowAsMonochrome="False"

UriSource="ms-appx:///IMAGE/linux.png" />

</TabViewItem.IconSource>

</TabViewItem>

</TabView.TabItems>

</TabView>

</Page>

TestProject.zip

.NET6 C# CONTROL UWP WINUI3

icodebroker

[C#/WINUI3/UWP/.NET6] TabView 엘리먼트 : 탭에서 색상 아이콘 사용하기