[C#/MAUI/.NET6] StyleSheet 엘리먼트 : Source 속성을 사용해 스타일 시트 설정하기

■ StyleSheet 엘리먼트의 Source 속성을 사용해 스타일 시트를 설정하는 방법을 보여준다.

▶ Resources/style.css


^contentpage
{
    background-color: blue;
}

^stacklayout
{
    background-color: yellow;
}

^contentpage

{

background-color: blue;

}

^stacklayout

{

background-color: yellow;

}

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
    <ContentPage.Resources>
        <StyleSheet Source="/Resources/style.css" />
    </ContentPage.Resources>
    <StackLayout
        HorizontalOptions="Center"
        VerticalOptions="Center"
        Margin="10">
        <Button
            HorizontalOptions="Center"
            Margin="10"
            Text="테스트" />
        <Button
            Margin="10"
            HorizontalOptions="Center"
            Text="테스트" />
        <Button
            Margin="10"
            HorizontalOptions="Center"
            Text="테스트" />
    </StackLayout>
</ContentPage>

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

<ContentPage x:Class="TestProject.MainPage"

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

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

<ContentPage.Resources>

</ContentPage.Resources>

<StackLayout

HorizontalOptions="Center"

VerticalOptions="Center"

Margin="10">

<Button

HorizontalOptions="Center"

Margin="10"

Text="테스트" />

<Button

Margin="10"

HorizontalOptions="Center"

Text="테스트" />

<Button

Margin="10"

HorizontalOptions="Center"

Text="테스트" />

</StackLayout>

</ContentPage>

TestProject.zip