[C#/MAUI/.NET6] Shell 엘리먼트 : TabBarBackgroundColor 속성을 사용해 탭바 배경색 설정하기

icodebroker MICROSOFT 2024-06-19

■ Shell 엘리먼트의 TabBarBackgroundColor 속성을 사용해 탭바 배경색을 설정하는 방법을 보여준다.

▶ 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"
    TabBarBackgroundColor="Red">
    <TabBar>
        <Tab
            Icon="sample1.png"
            Title="Domestic">
            <ShellContent
                Title="고양이"
                ContentTemplate="{DataTemplate local:CatPage}" />
            <ShellContent
                Title="개"
                ContentTemplate="{DataTemplate local:DogPage}" />
        </Tab>
        <Tab
            Icon="sample2.png"
            Title="원숭이">
            <ShellContent ContentTemplate="{DataTemplate local:MonkeyPage}" />
        </Tab>
    </TabBar>
</Shell>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<?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"

TabBarBackgroundColor="Red">

<Tab

Icon="sample1.png"

Title="Domestic">

<ShellContent

Title="고양이"

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

<ShellContent

Title="개"

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

</Tab>

<Tab

Icon="sample2.png"

Title="원숭이">

</Tab>

</TabBar>

</Shell>

TestProject.zip

.NET6 C# CONTROL MAUI MICROSOFT NAVIGATION PAGE SHELL

icodebroker

[C#/MAUI/.NET6] Shell 엘리먼트 : TabBarBackgroundColor 속성을 사용해 탭바 배경색 설정하기

분류

가장 많이 읽힌 글

보관함