[C#/MAUI/.NET6] StyleSheet 클래스 : FromReader 정적 메소드를 사용해 스타일 시트 설정하기

■ StyleSheet 클래스의 FromReader 정적 메소드를 사용해 스타일 시트를 설정하는 방법을 보여준다.

TestProject.zip

0.15MB

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

 

▶ MainPage.xaml.cs

using Microsoft.Maui.Controls.StyleSheets;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        string css = @"
^contentpage
{
    background-color: blue;
}

^stacklayout
{
    background-color: red;
}
";

        using(StringReader reader = new StringReader(css))
        {
            Resources.Add(StyleSheet.FromReader(reader));
        }
    }

    #endregion
}