[C#/MAUI/.NET6] Shell 엘리먼트 : BackgroundColor/TitleColor/UnselectedColor 첨부 속성 사용하기

■ Shell 엘리먼트의 BackgroundColor/TitleColor/UnselectedColor 첨부 속성을 사용하는 방법을 보여준다.

▶ AppShell.xaml


<?xml version="1.0" encoding="utf-8" ?>
<Shell x:Class="TestProject.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <TabBar>
        <ShellContent
            Icon="sample1.png"
            Title="고양이"
            Shell.BackgroundColor="Blue"
            Shell.TitleColor="White"
            Shell.UnselectedColor="Magenta"
            ContentTemplate="{DataTemplate local:CatPage}" />
        <ShellContent
            Icon="sample2.png"
            Title="개"
            ContentTemplate="{DataTemplate local:DogPage}" />
        <ShellContent
            Icon="sample3.png"
            Title="원숭이"
            Shell.BackgroundColor="Blue"
            Shell.TitleColor="White"
            Shell.UnselectedColor="Magenta"
            ContentTemplate="{DataTemplate local:MonkeyPage}" />
    </TabBar>
</Shell>

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

<Shell x:Class="TestProject.AppShell"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

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

xmlns:local="clr-namespace:TestProject">

<ShellContent

Icon="sample1.png"

Title="고양이"

Shell.BackgroundColor="Blue"

Shell.TitleColor="White"

Shell.UnselectedColor="Magenta"

ContentTemplate="{DataTemplate local:CatPage}" />

<ShellContent

Icon="sample2.png"

Title="개"

ContentTemplate="{DataTemplate local:DogPage}" />

<ShellContent

Icon="sample3.png"

Title="원숭이"

Shell.BackgroundColor="Blue"

Shell.TitleColor="White"

Shell.UnselectedColor="Magenta"

ContentTemplate="{DataTemplate local:MonkeyPage}" />

</TabBar>

</Shell>

TestProject.zip