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

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

TestProject.zip

0.15MB

▶ Resources/style.css

^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>