PACKAGED Archives - icodebroker

[C#/WINUI3/.NET8] Package 클래스 : Id 속성을 사용해 프로그램 버전 구하기 (PACKAGED)

■ Package 클래스의 Id 속성을 사용해 프로그램 버전을 구하는 방법을 보여준다. (PACKAGED) ▶ 예제 코드 (C#)


using System;

using Windows.ApplicationModel;

PackageVersion packageVersion = Package.Current.Id.Version;

Version version = new(packageVersion.Major, packageVersion.Minor, packageVersion.Build, packageVersion.Revision);

using System;

using Windows.ApplicationModel;

PackageVersion packageVersion = Package.Current.Id.Version;

Version version = new(packageVersion.Major, packageVersion.Minor, packageVersion.Build, packageVersion.Revision);

[C#/WINUI3/.NET8] PackageId 클래스 : FullName 속성을 사용해 패키지 ID 구하기 (PACKAGED)

■ PackageId 클래스의 FullName 속성을 사용해 패키지 ID를 구하는 방법을 보여준다. (PACKAGED) ▶ PackageId 클래스 : FullName 속성을 사용해 패키지 ID 구하기

[C#/WINUI3/.NET8] Package 클래스 : Current 정적 속성을 사용해 현재 Package 객체 구하기 (PACKAGED)

■ Package 클래스의 Current 정적 속성을 사용해 현재 Package 객체를 구하는 방법을 보여준다. (PACKAGED) ※ OPENAI_API_KEY 환경 변수 값은 .env 파일에 정의한다.

[C#/WINUI3/.NET8] ApplicationDataContainer 클래스 : Values 속성을 사용해 로컬 설정 값 저장하기/구하기 (PACKAGED)

■ ApplicationDataContainer 클래스의 Values 속성을 사용해 로컬 설정 값을 저장하거나 구하는 방법을 보여준다. (PACKAGED) ▶ 예제 코드 (C#)


LocalSettingHelper.SaveLocalSettingItem("exampleSetting", "Hello, World!");

string value = LocalSettingHelper.ReadLocalSettingItem("exampleSetting");

LocalSettingHelper.SaveLocalSettingItem("exampleSetting", "Hello, World!");

string value = LocalSettingHelper.ReadLocalSettingItem("exampleSetting");

▶ LocalSettingHelper.cs


using Windows.Storage;

/// <summary>
/// 로컬 설정 헬퍼
/// </summary>
public static class LocalSettingHelper
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Static
    //////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 애플리케이션 데이터 컨테이너
    /// </summary>
    private static ApplicationDataContainer _applicationDataContainer;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Static

    #region 생성자 - LocalSettingHelper()

    /// <summary>
    /// 생성자
    /// </summary>
    static LocalSettingHelper()
    {
        _applicationDataContainer = ApplicationData.Current.LocalSettings;
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Static
    //////////////////////////////////////////////////////////////////////////////// Public

    #region 로컬 설정 항목 저장하기 - SaveLocalSettingItem(key, value)

    /// <summary>
    /// 로컬 설정 항목 저장하기
    /// </summary>
    /// <param name="key">키</param>
    /// <param name="value">값</param>
    public static void SaveLocalSettingItem(string key, string value)
    {
        _applicationDataContainer.Values[key] = value;
    }

    #endregion
    #region 로컬 설정 항목 읽기 - ReadLocalSettingItem(key)

    /// <summary>
    /// 로컬 설정 항목 읽기
    /// </summary>
    /// <param name="key">키</param>
    /// <returns>설정 값</returns>
    public static string ReadLocalSettingItem(string key)
    {
        if(_applicationDataContainer.Values.TryGetValue(key, out object value))
        {
            return value as string;
        }
        else
        {
            return null;
        }
    }

    #endregion
}

using Windows.Storage;

/// <summary>

/// 로컬 설정 헬퍼

/// </summary>

public static class LocalSettingHelper

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 애플리케이션 데이터 컨테이너

/// </summary>

private static ApplicationDataContainer _applicationDataContainer;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Static

#region 생성자 - LocalSettingHelper()

/// <summary>

/// 생성자

/// </summary>

static LocalSettingHelper()

{

_applicationDataContainer = ApplicationData.Current.LocalSettings;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 로컬 설정 항목 저장하기 - SaveLocalSettingItem(key, value)

/// <summary>

/// 로컬 설정 항목 저장하기

/// </summary>

/// <param name="key">키</param>

/// <param name="value">값</param>

public static void SaveLocalSettingItem(string key, string value)

{

_applicationDataContainer.Values[key] = value;

}

#endregion

#region 로컬 설정 항목 읽기 - ReadLocalSettingItem(key)

/// <summary>

/// 로컬 설정 항목 읽기

/// </summary>

/// <param name="key">키</param>

/// <returns>설정 값</returns>

public static string ReadLocalSettingItem(string key)

{

if(_applicationDataContainer.Values.TryGetValue(key, out object value))

{

return value as string;

}

else

{

return null;

}

#endregion

}

[C#/WINUI3/.NET8] ApplicationDataContainer 클래스 : Values 속성을 사용해 로컬 설정 값 구하기 (PACKAGED)

■ ApplicationDataContainer 클래스의 Values 속성을 사용해 로컬 설정 값을 구하는 방법을 보여준다. (PACKAGED) ▶ 예제 코드 (C#)


using Windows.Storage;

ApplicationDataContainer applicationDataContainer = ApplicationData.Current.LocalSettings;

if(applicationDataContainer.Values.TryGetValue("exampleSetting", out object value))
{
    string exampleSettingValue = value as string;

    // 다음 작업을 처리한다.
}
else
{
    // exampleSetting 값이 없는 경우 처리한다.
}

using Windows.Storage;

ApplicationDataContainer applicationDataContainer = ApplicationData.Current.LocalSettings;

if(applicationDataContainer.Values.TryGetValue("exampleSetting", out object value))

{

string exampleSettingValue = value as string;

// 다음 작업을 처리한다.

}

else

{

// exampleSetting 값이 없는 경우 처리한다.

}

[C#/WINUI3/.NET8] ApplicationDataContainer 클래스 : Values 속성을 사용해 로컬 설정 값 추가하기 (PACKAGED)

■ ApplicationDataContainer 클래스의 Values 속성을 사용해 로컬 설정 값을 추가하는 방법을 보여준다. (PACKAGED) ▶ 예제 코드 (C#)


using Windows.Storage;

ApplicationDataContainer applicationDataContainer = ApplicationData.Current.LocalSettings;

applicationDataContainer.Values["exampleSetting"] = "Hello, World!";

using Windows.Storage;

ApplicationDataContainer applicationDataContainer = ApplicationData.Current.LocalSettings;

applicationDataContainer.Values["exampleSetting"] = "Hello, World!";

[C#/WINUI3/.NET8] ApplicationData 클래스 : LocalSettings 속성을 사용해 로컬 설정 ApplicationDataContainer 객체 구하기 (PACKAGED)

■ ApplicationData 클래스의 LocalSettings 속성을 사용해 로컬 설정의 ApplicationDataContainer 객체를 구하는 방법을 보여준다. (PACKAGED) ▶ 예제 코드 (C#)


using Windows.Storage;

ApplicationDataContainer applicationDataContainer = ApplicationData.Current.LocalSettings;

using Windows.Storage;

ApplicationDataContainer applicationDataContainer = ApplicationData.Current.LocalSettings;

[C#/WINUI3/.NET8] ApplicationData 클래스 : Current 정적 속성을 사용해 현재 ApplicationData 객체 구하기 (PACKAGED)

■ ApplicationData 클래스의 Current 정적 속성을 사용해 현재 ApplicationData 객체를 구하는 방법을 보여준다. (PACKAGED) ▶ 예제 코드 (C#)


using Windows.Storage;

ApplicationData applicationData = ApplicationData.Current;

using Windows.Storage;

ApplicationData applicationData = ApplicationData.Current;

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] ThemeListener 클래스 : ThemeChanged 이벤트를 사용해 현재 테마 변경시 처리하기

■ ThemeListener 클래스의 ThemeChanged 이벤트를 사용해 현재 테마 변경시 처리하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] NetworkHelper 클래스 : Instance 정적 속성을 사용해 네트워크 정보 구하기

■ NetworkHelper 클래스의 Instance 정적 속성을 사용해 네트워크 정보를 구하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서

[C#/WINUI3/.NET6] BitmapIconSource 엘리먼트 : ShowAsMonochrome/UriSource 속성 사용하기

■ BitmapIconSource 엘리먼트의 ShowAsMonochrome/UriSource 속성을 사용하는 방법을 보여준다. ▶ MainPage.xaml


xmlns:muxc="using:Microsoft.UI.Xaml.Controls"

<SwipeControl>
    <SwipeControl.LeftItems>
        <SwipeItems Mode="Reveal">
            <SwipeItem
                Background="Red"
                Text="Delete">
                <SwipeItem.IconSource>
                    <muxc:BitmapIconSource
                        ShowAsMonochrome="False"
                        UriSource="/IMAGE/powershell.png" />
                </SwipeItem.IconSource>
            </SwipeItem>
        </SwipeItems>
    </SwipeControl.LeftItems>
    <SwipeControl.RightItems>
        <SwipeItems Mode="Execute">
            <SwipeItem
                Background="Green"
                Text="Archive">
                <SwipeItem.IconSource>
                    <muxc:BitmapIconSource
                        ShowAsMonochrome="False"
                        UriSource="/IMAGE/powershell.png" />
                </SwipeItem.IconSource>
            </SwipeItem>
        </SwipeItems>
    </SwipeControl.RightItems>
    <Grid Background="LightGray">
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Text="Swipe me left or right" />
    </Grid>
</SwipeControl>

xmlns:muxc="using:Microsoft.UI.Xaml.Controls"

<SwipeControl.LeftItems>

<SwipeItem

Background="Red"

Text="Delete">

<SwipeItem.IconSource>

<muxc:BitmapIconSource

ShowAsMonochrome="False"

UriSource="/IMAGE/powershell.png" />

</SwipeItem.IconSource>

</SwipeItem>

</SwipeItems>

</SwipeControl.LeftItems>

<SwipeControl.RightItems>

<SwipeItem

Background="Green"

Text="Archive">

<SwipeItem.IconSource>

<muxc:BitmapIconSource

ShowAsMonochrome="False"

UriSource="/IMAGE/powershell.png" />

</SwipeItem.IconSource>

</SwipeItem>

</SwipeItems>

</SwipeControl.RightItems>

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

Text="Swipe me left or right" />

</Grid>

</SwipeControl>

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] ImageCropper 클래스 : LoadImageFromFile/SaveAsync/Reset 메소드 사용하기

■ ImageCropper 클래스의 LoadImageFromFile/SaveAsync/Reset 메소드를 사용하는 방법을 보여준다. ※ 이 예제 코드에서 사용된 ImageCropper 클래스는 CommunityToolkit.WinUI.Controls.RadialGauge 누겟(버전 : 8.0.240109)을 참조한다. ▶ WindowHelper.cs

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] ImageCropper 엘리먼트 : CropShape/ThumbPlacement/AspectRatio 속성 사용하기

■ ImageCropper 엘리먼트의 CropShape/ThumbPlacement/AspectRatio 속성을 사용하는 방법을 보여준다. ※ 이 예제 코드에서 사용된 ImageCropper 엘리먼트는 CommunityToolkit.WinUI.Controls.RadialGauge 누겟(버전 : 8.0.240109)을 참조한다. ▶ MainPage.xaml

[C#/WINUI3/.NET6] FontIcon 엘리먼트 : 전체 폰트 아이콘 나열하기

■ FontIcon 엘리먼트의 전체 폰트 아이콘을 나열하는 방법을 보여준다. ▶ NativeHelper.cs


using System.Runtime.InteropServices;

namespace TestProject
{
    /// <summary>
    /// 네이티브 헬퍼
    /// </summary>
    public class NativeHelper
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Import
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Private

        #region 현재 패키지 ID 구하기 - GetCurrentPackageId(bufferLength, buffer)

        /// <summary>
        /// 현재 패키지 ID 구하기
        /// </summary>
        /// <param name="bufferLength">버퍼 길이</param>
        /// <param name="buffer">버퍼</param>
        /// <returns>처리 결과</returns>
        [DllImport("api-ms-win-appmodel-runtime-l1-1-1", SetLastError = true)]
        [return : MarshalAs(UnmanagedType.U4)]
        private static extern uint GetCurrentPackageId(ref int bufferLength, out byte buffer);

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region Field

        /// <summary>
        /// ERROR_SUCCESS
        /// </summary>
        public const int ERROR_SUCCESS = 0;

        /// <summary>
        /// ERROR_INSUFFICIENT_BUFFER
        /// </summary>
        public const int ERROR_INSUFFICIENT_BUFFER = 122;

        /// <summary>
        /// APPMODEL_ERROR_NO_PACKAGE
        /// </summary>
        public const int APPMODEL_ERROR_NO_PACKAGE = 15700;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 애플리케이션 패키지 여부 - IsAppPackaged

        /// <summary>
        /// 애플리케이션 패키지 여부
        /// </summary>
        public static bool IsAppPackaged
        {
            get
            {
                int  bufferSize = 0;
                uint lastError  = GetCurrentPackageId(ref bufferSize, out _);
                bool isPackaged = true;

                if(lastError == APPMODEL_ERROR_NO_PACKAGE)
                {
                    isPackaged = false;
                }

                return isPackaged;
            }
        }

        #endregion
    }
}

using System.Runtime.InteropServices;

namespace TestProject

{

/// <summary>

/// 네이티브 헬퍼

/// </summary>

public class NativeHelper

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Import

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Private

#region 현재 패키지 ID 구하기 - GetCurrentPackageId(bufferLength, buffer)

/// <summary>

/// 현재 패키지 ID 구하기

/// </summary>

/// <param name="bufferLength">버퍼 길이</param>

/// <param name="buffer">버퍼</param>

/// <returns>처리 결과</returns>

[DllImport("api-ms-win-appmodel-runtime-l1-1-1", SetLastError = true)]

[return : MarshalAs(UnmanagedType.U4)]

private static extern uint GetCurrentPackageId(ref int bufferLength, out byte buffer);

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Public

#region Field

/// <summary>

/// ERROR_SUCCESS

/// </summary>

public const int ERROR_SUCCESS = 0;

/// <summary>

/// ERROR_INSUFFICIENT_BUFFER

/// </summary>

public const int ERROR_INSUFFICIENT_BUFFER = 122;

/// <summary>

/// APPMODEL_ERROR_NO_PACKAGE

/// </summary>

public const int APPMODEL_ERROR_NO_PACKAGE = 15700;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 애플리케이션 패키지 여부 - IsAppPackaged

/// <summary>

/// 애플리케이션 패키지 여부

/// </summary>

public static bool IsAppPackaged

{

get

{

int bufferSize = 0;

uint lastError = GetCurrentPackageId(ref bufferSize, out _);

bool isPackaged = true;

if(lastError == APPMODEL_ERROR_NO_PACKAGE)

{

isPackaged = false;

}

return isPackaged;

}

#endregion

}

▶ FileHelper.cs


using System;
using System.IO;
using System.Reflection;
using System.Threading.Tasks;

using Windows.Storage;

namespace TestProject
{
    /// <summary>
    /// 파일 헬퍼
    /// </summary>
    public static class FileHelper
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 텍스트 파일 로드하기 (비동기) - LoadTextFileAsync(relativeFilePath)

        /// <summary>
        /// 텍스트 파일 로드하기 (비동기)
        /// </summary>
        /// <param name="relativeFilePath">상대적인 파일 경로</param>
        /// <returns>텍스트</returns>
        public static async Task<string> LoadTextFileAsync(string relativeFilePath)
        {
            StorageFile storageFile = null;

            if(!NativeHelper.IsAppPackaged)
            {
                string entryAssemblyFilePath     = Assembly.GetEntryAssembly().Location;
                string entryAssemblyDirectorPath = Path.GetDirectoryName(entryAssemblyFilePath);
                string filePath                  = Path.Combine(entryAssemblyDirectorPath, relativeFilePath);
                string finalFilePath             = Path.GetFullPath(filePath);

                storageFile = await StorageFile.GetFileFromPathAsync(finalFilePath);
            }
            else
            {
                Uri sourceURI = new Uri($"ms-appx:///{relativeFilePath}");

                storageFile = await StorageFile.GetFileFromApplicationUriAsync(sourceURI);
            }

            return await FileIO.ReadTextAsync(storageFile);
        }

        #endregion
    }
}

using System;

using System.IO;

using System.Reflection;

using System.Threading.Tasks;

using Windows.Storage;

namespace TestProject

{

/// <summary>

/// 파일 헬퍼

/// </summary>

public static class FileHelper

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 텍스트 파일 로드하기 (비동기) - LoadTextFileAsync(relativeFilePath)

/// <summary>

/// 텍스트 파일 로드하기 (비동기)

/// </summary>

/// <param name="relativeFilePath">상대적인 파일 경로</param>

/// <returns>텍스트</returns>

public static async Task<string> LoadTextFileAsync(string relativeFilePath)

{

StorageFile storageFile = null;

if(!NativeHelper.IsAppPackaged)

{

string entryAssemblyFilePath = Assembly.GetEntryAssembly().Location;

string entryAssemblyDirectorPath = Path.GetDirectoryName(entryAssemblyFilePath);

string filePath = Path.Combine(entryAssemblyDirectorPath, relativeFilePath);

string finalFilePath = Path.GetFullPath(filePath);

storageFile = await StorageFile.GetFileFromPathAsync(finalFilePath);

}

else

{

Uri sourceURI = new Uri($"ms-appx:///{relativeFilePath}");

storageFile = await StorageFile.GetFileFromApplicationUriAsync(sourceURI);

}

return await FileIO.ReadTextAsync(storageFile);

}

#endregion

}

▶ IconInfo.xaml


using System;

namespace TestProject
{
    /// <summary>
    /// 아이콘 정보
    /// </summary>
    public class IconInfo
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 명칭 - Name

        /// <summary>
        /// 명칭
        /// </summary>
        public string Name { get; set; }

        #endregion
        #region 코드 - Code

        /// <summary>
        /// 코드
        /// </summary>
        public string Code { get; set; }

        #endregion
        #region 문자 - Character

        /// <summary>
        /// 문자
        /// </summary>
        public string Character => char.ConvertFromUtf32(Convert.ToInt32(Code, 16));

        #endregion
        #region 코드 글리프 - CodeGlyph

        /// <summary>
        /// 코드 글리프
        /// </summary>
        public string CodeGlyph => "\\u" + Code;

        #endregion
        #region 텍스트 글리프 - TextGlyph

        /// <summary>
        /// 텍스트 글리프
        /// </summary>
        public string TextGlyph => "&#x" + Code + ";";

        #endregion
    }
}

using System;

namespace TestProject

{

/// <summary>

/// 아이콘 정보

/// </summary>

public class IconInfo

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 명칭 - Name

/// <summary>

/// 명칭

/// </summary>

public string Name { get; set; }

#endregion

#region 코드 - Code

/// <summary>

/// 코드

/// </summary>

public string Code { get; set; }

#endregion

#region 문자 - Character

/// <summary>

/// 문자

/// </summary>

public string Character => char.ConvertFromUtf32(Convert.ToInt32(Code, 16));

#endregion

#region 코드 글리프 - CodeGlyph

/// <summary>

/// 코드 글리프

/// </summary>

public string CodeGlyph => "\\u" + Code;

#endregion

#region 텍스트 글리프 - TextGlyph

/// <summary>

/// 텍스트 글리프

/// </summary>

public string TextGlyph => "&#x" + Code + ";";

#endregion

}

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Page.Resources>
        <DataTemplate x:Key="IconDataTemplateKey">
            <ItemContainer
                Margin="5"
                Width="96"
                Height="96"
                BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
                Background="{ThemeResource CardBackgroundFillColorDefaultBrush}">
                <Grid>
                    <Viewbox
                        Margin="0 0 0 25"
                        Width="28"
                        Height="28">
                        <FontIcon
                            FontFamily="{StaticResource SymbolThemeFontFamily}"
                            Glyph="{Binding Character}" />
                    </Viewbox>
                    <TextBlock
                        Style="{StaticResource CaptionTextBlockStyle}"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Bottom"
                        Margin="5 0 5 25"
                        Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                        TextTrimming="CharacterEllipsis"
                        TextWrapping="NoWrap"
                        Text="{Binding Name}" />
                    <TextBlock
                        Style="{StaticResource CaptionTextBlockStyle}"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Bottom"
                        Margin="5 0 5 10"
                        Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                        TextTrimming="CharacterEllipsis"
                        TextWrapping="NoWrap"
                        Text="{Binding Code}" />
                </Grid>
            </ItemContainer>
        </DataTemplate>
    </Page.Resources>
    <ScrollViewer Margin="10"
        HorizontalAlignment="Stretch"
        VerticalAlignment="Stretch"
        Padding="5">
        <ItemsView Name="itemsView"
            ItemTemplate="{StaticResource IconDataTemplateKey}"
            TabFocusNavigation="Once">
            <ItemsView.Layout>
                <UniformGridLayout Orientation="Horizontal" />
            </ItemsView.Layout>
        </ItemsView>
    </ScrollViewer>
</Page>

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

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Page.Resources>

<ItemContainer

Margin="5"

Width="96"

Height="96"

BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"

Background="{ThemeResource CardBackgroundFillColorDefaultBrush}">

<Grid>

<Viewbox

Margin="0 0 0 25"

Width="28"

Height="28">

<FontIcon

FontFamily="{StaticResource SymbolThemeFontFamily}"

Glyph="{Binding Character}" />

</Viewbox>

<TextBlock

Style="{StaticResource CaptionTextBlockStyle}"

HorizontalAlignment="Center"

VerticalAlignment="Bottom"

Margin="5 0 5 25"

Foreground="{ThemeResource TextFillColorSecondaryBrush}"

TextTrimming="CharacterEllipsis"

TextWrapping="NoWrap"

Text="{Binding Name}" />

<TextBlock

Style="{StaticResource CaptionTextBlockStyle}"

HorizontalAlignment="Center"

VerticalAlignment="Bottom"

Margin="5 0 5 10"

Foreground="{ThemeResource TextFillColorSecondaryBrush}"

TextTrimming="CharacterEllipsis"

TextWrapping="NoWrap"

Text="{Binding Code}" />

</Grid>

</ItemContainer>

</DataTemplate>

</Page.Resources>

<ScrollViewer Margin="10"

HorizontalAlignment="Stretch"

VerticalAlignment="Stretch"

Padding="5">

<ItemsView Name="itemsView"

ItemTemplate="{StaticResource IconDataTemplateKey}"

TabFocusNavigation="Once">

<ItemsView.Layout>

</ItemsView.Layout>

</ItemsView>

</ScrollViewer>

</Page>

▶

[C#/WINUI3/.NET6] TextBlock 엘리먼트 : 기본 제공 타이포그래피 사용하기

■ TextBlock 엘리먼트에서 기본 제공 타이포그래피를 사용하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="10"   />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="10"   />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="10"   />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="10"   />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="10"   />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="10"   />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="10"   />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="20"   />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="20"   />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="20"   />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <TextBlock Grid.Row="0" Grid.Column="0"
            Text="Example" />
        <TextBlock Grid.Row="0" Grid.Column="2"
            VerticalAlignment="Center"
            Text="Variable Font" />
        <TextBlock Grid.Row="0" Grid.Column="4"
            VerticalAlignment="Center"
            Text="Siz/Line height" />
        <TextBlock Grid.Row="0" Grid.Column="6"
            VerticalAlignment="Center"
            Text="Style" />
        <TextBlock Grid.Row="2" Grid.Column="0"
            Style="{StaticResource CaptionTextBlockStyle}"
            Text="Caption" />
        <TextBlock Grid.Row="2" Grid.Column="2"
            VerticalAlignment="Center"
            Text="Small, Regular" />
        <TextBlock Grid.Row="2" Grid.Column="4"
            VerticalAlignment="Center"
            Text="12/16 epx" />
        <TextBlock Grid.Row="2" Grid.Column="6"
            VerticalAlignment="Center"
            Text="CaptionTextBlockStyle" />
        <TextBlock Grid.Row="4" Grid.Column="0"
            Style="{StaticResource BodyTextBlockStyle}"
            Text="Body" />
        <TextBlock Grid.Row="4" Grid.Column="2"
            VerticalAlignment="Center"
            Text="Text, Regular" />
        <TextBlock Grid.Row="4" Grid.Column="4"
            VerticalAlignment="Center"
            Text="14/20 epx" />
        <TextBlock Grid.Row="4" Grid.Column="6"
            VerticalAlignment="Center"
            Text="BodyTextBlockStyle" />
        <TextBlock Grid.Row="6" Grid.Column="0"
            Style="{StaticResource BodyStrongTextBlockStyle}"
            Text="Body Strong" />
        <TextBlock Grid.Row="6" Grid.Column="2"
            VerticalAlignment="Center"
            Text="Text, SemiBold" />
        <TextBlock Grid.Row="6" Grid.Column="4"
            VerticalAlignment="Center"
            Text="14/20 epx" />
        <TextBlock Grid.Row="6" Grid.Column="6"
            VerticalAlignment="Center"
            Text="BodyStrongTextBlockStyle" />
        <TextBlock Grid.Row="8" Grid.Column="0"
            Style="{StaticResource SubtitleTextBlockStyle}"
            Text="Subtitle" />
        <TextBlock Grid.Row="8" Grid.Column="2"
            VerticalAlignment="Center"
            Text="Display, SemiBold" />
        <TextBlock Grid.Row="8" Grid.Column="4"
            VerticalAlignment="Center"
            Text="20/28 epx" />
        <TextBlock Grid.Row="8" Grid.Column="6"
            VerticalAlignment="Center"
            Text="SubtitleTextBlockStyle" />
        <TextBlock Grid.Row="10" Grid.Column="0"
            Style="{StaticResource TitleTextBlockStyle}"
            Text="Title" />
        <TextBlock Grid.Row="10" Grid.Column="2"
            VerticalAlignment="Center"
            Text="Display, SemiBold" />
        <TextBlock Grid.Row="10" Grid.Column="4"
            VerticalAlignment="Center"
            Text="28/36 epx" />
        <TextBlock Grid.Row="10" Grid.Column="6"
            VerticalAlignment="Center"
            Text="TitleTextBlockStyle" />
        <TextBlock Grid.Row="12" Grid.Column="0"
            Style="{StaticResource TitleLargeTextBlockStyle}"
            Text="Title Large" />
        <TextBlock Grid.Row="12" Grid.Column="2"
            VerticalAlignment="Center"
            Text="Display, SemiBold" />
        <TextBlock Grid.Row="12" Grid.Column="4"
            VerticalAlignment="Center"
            Text="40/52 epx" />
        <TextBlock Grid.Row="12" Grid.Column="6"
            VerticalAlignment="Center"
            Text="TitleLargeTextBlockStyle" />
        <TextBlock Grid.Row="14" Grid.Column="0"
            Style="{StaticResource DisplayTextBlockStyle}"
            Text="Display" />
        <TextBlock Grid.Row="14" Grid.Column="2"
            VerticalAlignment="Center"
            Text="Display, SemiBold" />
        <TextBlock Grid.Row="14" Grid.Column="4"
            VerticalAlignment="Center"
            Text="68/92 epx" />
        <TextBlock Grid.Row="14" Grid.Column="6"
            VerticalAlignment="Center"
            Text="DisplayTextBlockStyle" />
    </Grid>
</Page>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

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

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<TextBlock Grid.Row="0" Grid.Column="0"

Text="Example" />

<TextBlock Grid.Row="0" Grid.Column="2"

VerticalAlignment="Center"

Text="Variable Font" />

<TextBlock Grid.Row="0" Grid.Column="4"

VerticalAlignment="Center"

Text="Siz/Line height" />

<TextBlock Grid.Row="0" Grid.Column="6"

VerticalAlignment="Center"

Text="Style" />

<TextBlock Grid.Row="2" Grid.Column="0"

Style="{StaticResource CaptionTextBlockStyle}"

Text="Caption" />

<TextBlock Grid.Row="2" Grid.Column="2"

VerticalAlignment="Center"

Text="Small, Regular" />

<TextBlock Grid.Row="2" Grid.Column="4"

VerticalAlignment="Center"

Text="12/16 epx" />

<TextBlock Grid.Row="2" Grid.Column="6"

VerticalAlignment="Center"

Text="CaptionTextBlockStyle" />

<TextBlock Grid.Row="4" Grid.Column="0"

Style="{StaticResource BodyTextBlockStyle}"

Text="Body" />

<TextBlock Grid.Row="4" Grid.Column="2"

VerticalAlignment="Center"

Text="Text, Regular" />

<TextBlock Grid.Row="4" Grid.Column="4"

VerticalAlignment="Center"

Text="14/20 epx" />

<TextBlock Grid.Row="4" Grid.Column="6"

VerticalAlignment="Center"

Text="BodyTextBlockStyle" />

<TextBlock Grid.Row="6" Grid.Column="0"

Style="{StaticResource BodyStrongTextBlockStyle}"

Text="Body Strong" />

<TextBlock Grid.Row="6" Grid.Column="2"

VerticalAlignment="Center"

Text="Text, SemiBold" />

<TextBlock Grid.Row="6" Grid.Column="4"

VerticalAlignment="Center"

Text="14/20 epx" />

<TextBlock Grid.Row="6" Grid.Column="6"

VerticalAlignment="Center"

Text="BodyStrongTextBlockStyle" />

<TextBlock Grid.Row="8" Grid.Column="0"

Style="{StaticResource SubtitleTextBlockStyle}"

Text="Subtitle" />

<TextBlock Grid.Row="8" Grid.Column="2"

VerticalAlignment="Center"

Text="Display, SemiBold" />

<TextBlock Grid.Row="8" Grid.Column="4"

VerticalAlignment="Center"

Text="20/28 epx" />

<TextBlock Grid.Row="8" Grid.Column="6"

VerticalAlignment="Center"

Text="SubtitleTextBlockStyle" />

<TextBlock Grid.Row="10" Grid.Column="0"

Style="{StaticResource TitleTextBlockStyle}"

Text="Title" />

<TextBlock Grid.Row="10" Grid.Column="2"

VerticalAlignment="Center"

Text="Display, SemiBold" />

<TextBlock Grid.Row="10" Grid.Column="4"

VerticalAlignment="Center"

Text="28/36 epx" />

<TextBlock Grid.Row="10" Grid.Column="6"

VerticalAlignment="Center"

Text="TitleTextBlockStyle" />

<TextBlock Grid.Row="12" Grid.Column="0"

Style="{StaticResource TitleLargeTextBlockStyle}"

Text="Title Large" />

<TextBlock Grid.Row="12" Grid.Column="2"

VerticalAlignment="Center"

Text="Display, SemiBold" />

<TextBlock Grid.Row="12" Grid.Column="4"

VerticalAlignment="Center"

Text="40/52 epx" />

<TextBlock Grid.Row="12" Grid.Column="6"

VerticalAlignment="Center"

Text="TitleLargeTextBlockStyle" />

<TextBlock Grid.Row="14" Grid.Column="0"

Style="{StaticResource DisplayTextBlockStyle}"

Text="Display" />

<TextBlock Grid.Row="14" Grid.Column="2"

VerticalAlignment="Center"

Text="Display, SemiBold" />

<TextBlock Grid.Row="14" Grid.Column="4"

VerticalAlignment="Center"

Text="68/92 epx" />

<TextBlock Grid.Row="14" Grid.Column="6"

VerticalAlignment="Center"

Text="DisplayTextBlockStyle" />

</Grid>

</Page>

TestProject.zip

[C#/WINUI3/.NET6] TextBox 엘리먼트 사용하기

■ TextBox 엘리먼트를 사용하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <TextBox />
        <TextBox
            Margin="0 10 0 0"
            Header="Enter your name : "
            PlaceholderText="Name" />
        <TextBox
            Margin="0 10 0 0"
            Foreground="#5178be"
            FontFamily="Arial"
            FontSize="24"
            FontStyle="Italic"
            CharacterSpacing="200"
            Text="I am super excited to be here!"
            IsReadOnly="True" />
        <TextBox
            Margin="0 10 0 0"
            MinWidth="400"
            AcceptsReturn="True"
            IsSpellCheckEnabled="True"
            SelectionHighlightColor="Green"
            TextWrapping="Wrap" />
    </StackPanel>
</Page>

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

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<TextBox

Margin="0 10 0 0"

Header="Enter your name : "

PlaceholderText="Name" />

<TextBox

Margin="0 10 0 0"

Foreground="#5178be"

FontFamily="Arial"

FontSize="24"

FontStyle="Italic"

CharacterSpacing="200"

Text="I am super excited to be here!"

IsReadOnly="True" />

<TextBox

Margin="0 10 0 0"

MinWidth="400"

AcceptsReturn="True"

IsSpellCheckEnabled="True"

SelectionHighlightColor="Green"

TextWrapping="Wrap" />

</StackPanel>

</Page>

TestProject.zip

[C#/WINUI3/.NET6] TextBlock 엘리먼트 사용하기

■ TextBlock 엘리먼트를 사용하는 방법을 보여준다. 각 예제는 단순 텍스트 블럭, 스타일 적용 텍스트 블럭, 다양한 속성 설정 텍스트 블럭, 인라인 텍스트

[C#/WINUI3/.NET6] RichTextBlock 클래스 : TextHighlighters 속성을 사용해 하이라이트 설정하기

■ RichTextBlock 클래스의 TextHighlighters 속성을 사용해 하이라이트를 설정하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid Margin="10">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"    />
            <ColumnDefinition Width="10"   />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <RichTextBlock Name="richTextBlock" Grid.Column="0"
            HorizontalAlignment="Center"
            VerticalAlignment="Center">
            <Paragraph>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
            </Paragraph>
        </RichTextBlock>
        <ComboBox Name="highlightColorCombobox" Grid.Column="2"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Header="Text highlighting color">
            <ComboBoxItem Content="Yellow" />
            <ComboBoxItem Content="Red"    />
            <ComboBoxItem Content="Blue"   />
        </ComboBox>
    </Grid>
</Page>

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

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<RichTextBlock Name="richTextBlock" Grid.Column="0"

HorizontalAlignment="Center"

VerticalAlignment="Center">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

</Paragraph>

</RichTextBlock>

<ComboBox Name="highlightColorCombobox" Grid.Column="2"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Header="Text highlighting color">

</ComboBox>

</Grid>

</Page>

▶ MainPage.xaml.cs


using Microsoft.UI;
using Microsoft.UI.Xaml.Controls;
using Microsoft.UI.Xaml.Documents;
using Microsoft.UI.Xaml.Media;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public sealed partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainPage()

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

            this.highlightColorCombobox.SelectionChanged += highlightColorCombobox_SelectionChanged;

            this.highlightColorCombobox.SelectedIndex = 0;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 하이라이트 색상 콤보 박스 선택 변경시 처리하기 - highlightColorCombobox_SelectionChanged(sender, e)

        /// <summary>
        /// 하이라이트 색상 콤보 박스 선택 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void highlightColorCombobox_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            ComboBoxItem comboBoxItem = (sender as ComboBox).SelectedItem as ComboBoxItem;

            Windows.UI.Color color = Colors.Yellow;

            switch(comboBoxItem.Content as string)
            {
                case "Yellow" : color = Colors.Yellow; break;
                case "Red"    : color = Colors.Red;    break;
                case "Blue"   : color = Colors.Blue;   break;
            }

            TextRange textRange = new TextRange()
            {
                StartIndex = 28,
                Length     = 11
            };

            TextHighlighter textHighlighter = new TextHighlighter()
            {
                Background = new SolidColorBrush(color),
                Ranges     = { textRange }
            };

            this.richTextBlock.TextHighlighters.Clear();

            this.richTextBlock.TextHighlighters.Add(textHighlighter);
        }

        #endregion
    }
}

using Microsoft.UI;

using Microsoft.UI.Xaml.Controls;

using Microsoft.UI.Xaml.Documents;

using Microsoft.UI.Xaml.Media;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

this.highlightColorCombobox.SelectionChanged += highlightColorCombobox_SelectionChanged;

this.highlightColorCombobox.SelectedIndex = 0;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 하이라이트 색상 콤보 박스 선택 변경시 처리하기 - highlightColorCombobox_SelectionChanged(sender, e)

/// <summary>

/// 하이라이트 색상 콤보 박스 선택 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void highlightColorCombobox_SelectionChanged(object sender, SelectionChangedEventArgs e)

{

ComboBoxItem comboBoxItem = (sender as ComboBox).SelectedItem as ComboBoxItem;

Windows.UI.Color color = Colors.Yellow;

switch(comboBoxItem.Content as string)

{

case "Yellow" : color = Colors.Yellow; break;

case "Red" : color = Colors.Red; break;

case "Blue" : color = Colors.Blue; break;

}

TextRange textRange = new TextRange()

{

StartIndex = 28,

Length = 11

};

TextHighlighter textHighlighter = new TextHighlighter()

{

Background = new SolidColorBrush(color),

Ranges = { textRange }

};

this.richTextBlock.TextHighlighters.Clear();

this.richTextBlock.TextHighlighters.Add(textHighlighter);

}

#endregion

}

TestProject.zip

[C#/WINUI3/.NET6] RichTextBlock 엘리먼트 : OverflowContentTarget 속성 사용하기

■ RichTextBlock 엘리먼트의 OverflowContentTarget 속성을 사용하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid
        Width="600"
        Height="400">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <RichTextBlock Grid.Column="0"
            OverflowContentTarget="{x:Bind richTextBlockOverflow1}"
            TextAlignment="Justify">
            <Paragraph>Linked text containers allow text which does not fit in one element to overflow into a different element on the page. Creative use of linked text containers enables basic multicolumn support and other advanced page layouts.</Paragraph>
            <Paragraph>Duis sed nulla metus, id hendrerit velit. Curabitur dolor purus, bibendum eu cursus lacinia, interdum vel augue. Aenean euismod eros et sapien vehicula dictum. Duis ullamcorper, turpis nec feugiat tincidunt, dui erat luctus risus, aliquam accumsan lacus est vel quam. Nunc lacus massa, varius eget accumsan id, congue sed orci. Duis dignissim hendrerit egestas. Proin ut turpis magna, sit amet porta erat. Nunc semper metus nec magna imperdiet nec vestibulum dui fringilla. Sed sed ante libero, nec porttitor mi. Ut luctus, neque vitae placerat egestas, urna leo auctor magna, sit amet ultricies ipsum felis quis sapien. Proin eleifend varius dui, at vestibulum nunc consectetur nec. Mauris nulla elit, ultrices a sodales non, aliquam ac est. Quisque sit amet risus nulla. Quisque vestibulum posuere velit, vitae vestibulum eros scelerisque sit amet. In in risus est, at laoreet dolor. Nullam aliquet pellentesque convallis. Ut vel tincidunt nulla. Mauris auctor tincidunt auctor.Aenean orci ante, vulputate ac sagittis sit amet, consequat at mi. Morbi elementum purus consectetur nisi adipiscing vitae blandit sapien placerat. Aliquam adipiscing tortor non sem lobortis consectetur mattis felis rhoncus. Nunc eu nunc rhoncus arcu sollicitudin ultrices. In vulputate eros in mauris aliquam id dignissim nisl laoreet.</Paragraph>
        </RichTextBlock>
        <RichTextBlockOverflow Name="richTextBlockOverflow1" Grid.Column="1"
            OverflowContentTarget="{x:Bind richTextBlockOverflow2}"
            Margin="10 0 0 0" />
        <RichTextBlockOverflow Name="richTextBlockOverflow2" Grid.Column="2"
            Margin="10 0 0 0" />
    </Grid>
</Page>

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

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid

Width="600"

Height="400">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<RichTextBlock Grid.Column="0"

OverflowContentTarget="{x:Bind richTextBlockOverflow1}"

TextAlignment="Justify">

<Paragraph>Linked text containers allow text which does not fit in one element to overflow into a different element on the page. Creative use of linked text containers enables basic multicolumn support and other advanced page layouts.</Paragraph>

<Paragraph>Duis sed nulla metus, id hendrerit velit. Curabitur dolor purus, bibendum eu cursus lacinia, interdum vel augue. Aenean euismod eros et sapien vehicula dictum. Duis ullamcorper, turpis nec feugiat tincidunt, dui erat luctus risus, aliquam accumsan lacus est vel quam. Nunc lacus massa, varius eget accumsan id, congue sed orci. Duis dignissim hendrerit egestas. Proin ut turpis magna, sit amet porta erat. Nunc semper metus nec magna imperdiet nec vestibulum dui fringilla. Sed sed ante libero, nec porttitor mi. Ut luctus, neque vitae placerat egestas, urna leo auctor magna, sit amet ultricies ipsum felis quis sapien. Proin eleifend varius dui, at vestibulum nunc consectetur nec. Mauris nulla elit, ultrices a sodales non, aliquam ac est. Quisque sit amet risus nulla. Quisque vestibulum posuere velit, vitae vestibulum eros scelerisque sit amet. In in risus est, at laoreet dolor. Nullam aliquet pellentesque convallis. Ut vel tincidunt nulla. Mauris auctor tincidunt auctor.Aenean orci ante, vulputate ac sagittis sit amet, consequat at mi. Morbi elementum purus consectetur nisi adipiscing vitae blandit sapien placerat. Aliquam adipiscing tortor non sem lobortis consectetur mattis felis rhoncus. Nunc eu nunc rhoncus arcu sollicitudin ultrices. In vulputate eros in mauris aliquam id dignissim nisl laoreet.</Paragraph>

</RichTextBlock>

<RichTextBlockOverflow Name="richTextBlockOverflow1" Grid.Column="1"

OverflowContentTarget="{x:Bind richTextBlockOverflow2}"

Margin="10 0 0 0" />

<RichTextBlockOverflow Name="richTextBlockOverflow2" Grid.Column="2"

Margin="10 0 0 0" />

</Grid>

</Page>

TestProject.zip

[C#/WINUI3/.NET6] RichTextBlock 엘리먼트 : SelectionHighlightColor 속성 사용하기

■ RichTextBlock 엘리먼트의 SelectionHighlightColor 속성을 사용하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <RichTextBlock
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Margin="10"
        SelectionHighlightColor="Green">
        <Paragraph>
            RichTextBlock provides a rich text display container that supports
            <Run FontStyle="Italic" FontWeight="Bold">formatted text</Run>,
            <Hyperlink
                NavigateUri="https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.Documents.Hyperlink">
                hyperlinks
            </Hyperlink>, inline images, and other rich content.
        </Paragraph>
        <Paragraph>RichTextBlock also supports a built-in overflow model.</Paragraph>
    </RichTextBlock>
</Page>

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

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<RichTextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

Margin="10"

SelectionHighlightColor="Green">

RichTextBlock provides a rich text display container that supports

<Run FontStyle="Italic" FontWeight="Bold">formatted text</Run>,

<Hyperlink

NavigateUri="https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.Documents.Hyperlink">

hyperlinks

</Hyperlink>, inline images, and other rich content.

</Paragraph>

<Paragraph>RichTextBlock also supports a built-in overflow model.</Paragraph>

</RichTextBlock>

</Page>

TestProject.zip

[C#/WINUI3/.NET6] RichEditBox 클래스 : 커스텀 에디터 만들기

■ RichEditBox 클래스를 사용해 커스텀 에디터를 만드는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="10"   />
            <RowDefinition Height="*"    />
            <RowDefinition Height="10"   />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <StackPanel Grid.Row="0"
            HorizontalAlignment="Left"
            Orientation="Horizontal">
            <Button Name="openFileButton"
                ToolTipService.ToolTip="Open file">
                <Button.Content>
                    <FontIcon Glyph="&#xe8e5;"/>
                </Button.Content>
            </Button>
            <Button Name="saveFileButton"
                Margin="5 0 0 0"
                ToolTipService.ToolTip="Save file">
                <Button.Content>
                    <FontIcon Glyph="&#xe74e;"/>
                </Button.Content>
            </Button>
        </StackPanel>
        <StackPanel Grid.Row="0"
            HorizontalAlignment="Right"
            Orientation="Horizontal">
            <Button Name="boldButton"
                ToolTipService.ToolTip="Bold">
                <Button.Content>
                    <FontIcon Glyph="&#xe8dd;"/>
                </Button.Content>
            </Button>
            <Button Name="italicButton"
                Margin="5 0 0 0"
                ToolTipService.ToolTip="Italic">
                <Button.Content>
                    <FontIcon Glyph="&#xe8db;"/>
                </Button.Content>
            </Button>
            <DropDownButton Name="fontColorButton"
                Margin="5 0 0 0"
                BorderThickness="0"
                ToolTipService.ToolTip="Font color"
                Background="Transparent">
                <SymbolIcon Symbol="FontColor" />
                <DropDownButton.Flyout>
                    <Flyout Placement="Bottom">
                        <VariableSizedWrapGrid
                            Orientation="Horizontal"
                            MaximumRowsOrColumns="3">
                            <VariableSizedWrapGrid.Resources>
                                <Style TargetType="Rectangle">
                                    <Setter Property="Width"  Value="32"  />
                                    <Setter Property="Height" Value="32" />
                                </Style>
                                <Style TargetType="Button">
                                    <Setter Property="Margin"    Value="5" />
                                    <Setter Property="MinWidth"  Value="0" />
                                    <Setter Property="MinHeight" Value="0" />
                                    <Setter Property="Padding"   Value="0" />
                                </Style>
                            </VariableSizedWrapGrid.Resources>
                            <Button Name="redColorButton">
                                <Button.Content>
                                    <Rectangle Fill="Red" />
                                </Button.Content>
                            </Button>
                            <Button Name="orangeColorButton">
                                <Button.Content>
                                    <Rectangle Fill="Orange" />
                                </Button.Content>
                            </Button>
                            <Button Name="yellowColorButton">
                                <Button.Content>
                                    <Rectangle Fill="Yellow" />
                                </Button.Content>
                            </Button>
                            <Button Name="greenColorButton">
                                <Button.Content>
                                    <Rectangle Fill="Green" />
                                </Button.Content>
                            </Button>
                            <Button Name="blueColorButton">
                                <Button.Content>
                                    <Rectangle Fill="Blue" />
                                </Button.Content>
                            </Button>
                            <Button Name="indigoColorButton">
                                <Button.Content>
                                    <Rectangle Fill="Indigo" />
                                </Button.Content>
                            </Button>
                            <Button Name="violetColorButton">
                                <Button.Content>
                                    <Rectangle Fill="Violet" />
                                </Button.Content>
                            </Button>
                            <Button Name="grayColorButton">
                                <Button.Content>
                                    <Rectangle Fill="Gray" />
                                </Button.Content>
                            </Button>
                        </VariableSizedWrapGrid>
                    </Flyout>
                </DropDownButton.Flyout>
            </DropDownButton>
        </StackPanel>
        <RichEditBox Name="richEditBox" Grid.Row="2" />
        <StackPanel Name="findStackPanel" Grid.Row="4"
            Orientation="Horizontal">
            <TextBlock
                VerticalAlignment="Center"
                Text="Find" />
            <TextBox Name="findTextBox"
                Margin="10 0 0 0"
                Width="150"
                PlaceholderText="Enter search text"
                GotFocus="{x:Bind SetFindTextBoxHighlight}"
                TextChanged="{x:Bind SetFindTextBoxHighlight}"
                LostFocus="{x:Bind ClearFindTextBoxHighlight}" />
        </StackPanel>
    </Grid>
</Page>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

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

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<StackPanel Grid.Row="0"

HorizontalAlignment="Left"

Orientation="Horizontal">

<Button Name="openFileButton"

ToolTipService.ToolTip="Open file">

<Button.Content>

</Button.Content>

</Button>

<Button Name="saveFileButton"

Margin="5 0 0 0"

ToolTipService.ToolTip="Save file">

<Button.Content>

</Button.Content>

</Button>

</StackPanel>

<StackPanel Grid.Row="0"

HorizontalAlignment="Right"

Orientation="Horizontal">

<Button Name="boldButton"

ToolTipService.ToolTip="Bold">

<Button.Content>

</Button.Content>

</Button>

<Button Name="italicButton"

Margin="5 0 0 0"

ToolTipService.ToolTip="Italic">

<Button.Content>

</Button.Content>

</Button>

<DropDownButton Name="fontColorButton"

Margin="5 0 0 0"

BorderThickness="0"

ToolTipService.ToolTip="Font color"

Background="Transparent">

<DropDownButton.Flyout>

<VariableSizedWrapGrid

Orientation="Horizontal"

MaximumRowsOrColumns="3">

<VariableSizedWrapGrid.Resources>

</Style>

</Style>

</VariableSizedWrapGrid.Resources>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

</VariableSizedWrapGrid>

</Flyout>

</DropDownButton.Flyout>

</DropDownButton>

</StackPanel>

<StackPanel Name="findStackPanel" Grid.Row="4"

Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

Text="Find" />

<TextBox Name="findTextBox"

Margin="10 0 0 0"

Width="150"

PlaceholderText="Enter search text"

GotFocus="{x:Bind SetFindTextBoxHighlight}"

TextChanged="{x:Bind SetFindTextBoxHighlight}"

LostFocus="{x:Bind ClearFindTextBoxHighlight}" />

</StackPanel>

</Grid>

</Page>

▶ MainPage.xaml.cs


using System;
using System.Collections.Generic;
using System.Runtime.InteropServices;

using Windows.Storage;
using Windows.Storage.Pickers;
using Windows.Storage.Provider;
using Windows.Storage.Streams;
using Windows.UI;
using Windows.UI.Popups;

using WinRT.Interop;

using Microsoft.UI;
using Microsoft.UI.Text;
using Microsoft.UI.Xaml;
using Microsoft.UI.Xaml.Controls;
using Microsoft.UI.Xaml.Media;
using Microsoft.UI.Xaml.Shapes;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public sealed partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Import
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Private

        #region 활성 윈도우 구하기 - GetActiveWindow()

        /// <summary>
        /// 활성 윈도우 구하기
        /// </summary>
        /// <returns></returns>
        [DllImport("user32", ExactSpelling = true, CharSet = CharSet.Auto, PreserveSig = true, SetLastError = false)]
        private static extern IntPtr GetActiveWindow();

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 현재 색상
        /// </summary>
        private Color currentColor = Colors.Green;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainPage()

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

            this.openFileButton.Click    += openFileButton_Click;
            this.saveFileButton.Click    += saveFileButton_Click;
            this.boldButton.Click        += boldButton_Click;
            this.italicButton.Click      += italicButton_Click;
            this.redColorButton.Click    += colorButton_Click;
            this.orangeColorButton.Click += colorButton_Click;
            this.yellowColorButton.Click += colorButton_Click;
            this.greenColorButton.Click  += colorButton_Click;
            this.blueColorButton.Click   += colorButton_Click;
            this.indigoColorButton.Click += colorButton_Click;
            this.violetColorButton.Click += colorButton_Click;
            this.grayColorButton.Click   += colorButton_Click;
            this.richEditBox.GotFocus    += richEditBox_GotFocus;
            this.richEditBox.TextChanged += richEditBox_TextChanged;

            this.richEditBox.Document.GetDefaultCharacterFormat().ForegroundColor = Colors.Green;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region Open file 버튼 클릭시 처리하기 - openFileButton_Click(sender, e)

        /// <summary>
        /// Open file 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private async void openFileButton_Click(object sender, RoutedEventArgs e)
        {
            FileOpenPicker fileOpenPicker = new FileOpenPicker();

            fileOpenPicker.SuggestedStartLocation = PickerLocationId.DocumentsLibrary;

            fileOpenPicker.FileTypeFilter.Add(".rtf");

            if(Window.Current == null)
            {
                IntPtr windowHandle = GetActiveWindow();

                InitializeWithWindow.Initialize(fileOpenPicker, windowHandle);
            }

            StorageFile storageFile = await fileOpenPicker.PickSingleFileAsync();

            if(storageFile != null)
            {
                using(IRandomAccessStream stream = await storageFile.OpenAsync(FileAccessMode.Read))
                {
                    this.richEditBox.Document.LoadFromStream(TextSetOptions.FormatRtf, stream);
                }
            }
        }

        #endregion
        #region Save file 버튼 클릭시 처리하기 - saveFileButton_Click(sender, e)

        /// <summary>
        /// Save file 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private async void saveFileButton_Click(object sender, RoutedEventArgs e)
        {
            FileSavePicker fileSavePicker = new FileSavePicker
            {
                SuggestedStartLocation = PickerLocationId.DocumentsLibrary
            };

            fileSavePicker.FileTypeChoices.Add("Rich Text", new List<string>() { ".rtf" });

            fileSavePicker.SuggestedFileName = "New Document";

            if(Window.Current == null)
            {
                IntPtr windowHandle = GetActiveWindow();

                InitializeWithWindow.Initialize(fileSavePicker, windowHandle);
            }

            StorageFile storageFile = await fileSavePicker.PickSaveFileAsync();

            if(storageFile != null)
            {
                CachedFileManager.DeferUpdates(storageFile);

                using(IRandomAccessStream stream = await storageFile.OpenAsync(FileAccessMode.ReadWrite))
                {
                    this.richEditBox.Document.SaveToStream(TextGetOptions.FormatRtf, stream);
                }

                FileUpdateStatus status = await CachedFileManager.CompleteUpdatesAsync(storageFile);

                if(status != FileUpdateStatus.Complete)
                {
                    MessageDialog messageDialog = new MessageDialog("File " + storageFile.Name + " couldn't be saved.");

                    await messageDialog.ShowAsync();
                }
            }
        }

        #endregion
        #region Bold 버튼 클릭시 처리하기 - boldButton_Click(sender, e)

        /// <summary>
        /// Bold 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void boldButton_Click(object sender, RoutedEventArgs e)
        {
            this.richEditBox.Document.Selection.CharacterFormat.Bold = FormatEffect.Toggle;
        }

        #endregion
        #region Italic 버튼 클릭시 처리하기 - italicButton_Click(sender, e)

        /// <summary>
        /// Italic 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void italicButton_Click(object sender, RoutedEventArgs e)
        {
            this.richEditBox.Document.Selection.CharacterFormat.Italic = FormatEffect.Toggle;
        }

        #endregion
        #region 색상 버튼 클릭시 처리하기 - colorButton_Click(sender, e)

        /// <summary>
        /// 색상 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void colorButton_Click(object sender, RoutedEventArgs e)
        {
            Button button = sender as Button;

            Rectangle rectangle = button.Content as Rectangle;

            Color color = (rectangle.Fill as SolidColorBrush).Color;

            this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor = color;

            this.fontColorButton.Flyout.Hide();

            this.richEditBox.Focus(FocusState.Keyboard);

            this.currentColor = color;
        }

        #endregion
        #region 리치 에디트 박스 포커스 획득시 처리하기 - richEditBox_GotFocus(sender, e)

        /// <summary>
        /// 리치 에디트 박스 포커스 획득시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void richEditBox_GotFocus(object sender, RoutedEventArgs e)
        {
            this.richEditBox.Document.GetText(TextGetOptions.UseCrlf, out _);

            ITextRange textRange = richEditBox.Document.GetRange(0, TextConstants.MaxUnitCount);

            SolidColorBrush backgroundBrush = App.Current.Resources["TextControlBackgroundFocused"] as SolidColorBrush;

            if(backgroundBrush != null)
            {
                textRange.CharacterFormat.BackgroundColor = backgroundBrush.Color;
            }
        }

        #endregion
        #region 리치 에디트 박스 텍스트 변경시 처리하기 - richEditBox_TextChanged(sender, e)

        /// <summary>
        /// 리치 에디트 박스 텍스트 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void richEditBox_TextChanged(object sender, RoutedEventArgs e)
        {
            if(this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor != this.currentColor)
            {
                this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor = this.currentColor;
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region Find 텍스트 박스 하이라이트 설정하기 - SetFindTextBoxHighlight()

        /// <summary>
        /// Find 텍스트 박스 하이라이트 설정하기
        /// </summary>
        private void SetFindTextBoxHighlight()
        {
            ClearFindTextBoxHighlight();

            Color highlightBackgroundColor = (Color)App.Current.Resources["SystemColorHighlightColor"    ];
            Color highlightForegroundColor = (Color)App.Current.Resources["SystemColorHighlightTextColor"];

            string textToFind = this.findTextBox.Text;

            if(textToFind != null)
            {
                ITextRange textRange = this.richEditBox.Document.GetRange(0, 0);

                while(textRange.FindText(textToFind, TextConstants.MaxUnitCount, FindOptions.None) > 0)
                {
                    textRange.CharacterFormat.BackgroundColor = highlightBackgroundColor;
                    textRange.CharacterFormat.ForegroundColor = highlightForegroundColor;
                }
            }
        }

        #endregion
        #region Find 텍스트 박스 하이라이트 지우기 - ClearFindTextBoxHighlight()

        /// <summary>
        /// Find 텍스트 박스 하이라이트 지우기
        /// </summary>
        private void ClearFindTextBoxHighlight()
        {
            ITextRange textRange = this.richEditBox.Document.GetRange(0, TextConstants.MaxUnitCount);

            SolidColorBrush defaultBackgroundBrush = this.richEditBox.Background as SolidColorBrush;
            SolidColorBrush defaultForegroundBrush = this.richEditBox.Foreground as SolidColorBrush;

            textRange.CharacterFormat.BackgroundColor = defaultBackgroundBrush.Color;
            textRange.CharacterFormat.ForegroundColor = defaultForegroundBrush.Color;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

using System;

using System.Collections.Generic;

using System.Runtime.InteropServices;

using Windows.Storage;

using Windows.Storage.Pickers;

using Windows.Storage.Provider;

using Windows.Storage.Streams;

using Windows.UI;

using Windows.UI.Popups;

using WinRT.Interop;

using Microsoft.UI;

using Microsoft.UI.Text;

using Microsoft.UI.Xaml;

using Microsoft.UI.Xaml.Controls;

using Microsoft.UI.Xaml.Media;

using Microsoft.UI.Xaml.Shapes;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Import

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Private

#region 활성 윈도우 구하기 - GetActiveWindow()

/// <summary>

/// 활성 윈도우 구하기

/// </summary>

/// <returns></returns>

[DllImport("user32", ExactSpelling = true, CharSet = CharSet.Auto, PreserveSig = true, SetLastError = false)]

private static extern IntPtr GetActiveWindow();

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 현재 색상

/// </summary>

private Color currentColor = Colors.Green;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

this.openFileButton.Click += openFileButton_Click;

this.saveFileButton.Click += saveFileButton_Click;

this.boldButton.Click += boldButton_Click;

this.italicButton.Click += italicButton_Click;

this.redColorButton.Click += colorButton_Click;

this.orangeColorButton.Click += colorButton_Click;

this.yellowColorButton.Click += colorButton_Click;

this.greenColorButton.Click += colorButton_Click;

this.blueColorButton.Click += colorButton_Click;

this.indigoColorButton.Click += colorButton_Click;

this.violetColorButton.Click += colorButton_Click;

this.grayColorButton.Click += colorButton_Click;

this.richEditBox.GotFocus += richEditBox_GotFocus;

this.richEditBox.TextChanged += richEditBox_TextChanged;

this.richEditBox.Document.GetDefaultCharacterFormat().ForegroundColor = Colors.Green;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region Open file 버튼 클릭시 처리하기 - openFileButton_Click(sender, e)

/// <summary>

/// Open file 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private async void openFileButton_Click(object sender, RoutedEventArgs e)

{

FileOpenPicker fileOpenPicker = new FileOpenPicker();

fileOpenPicker.SuggestedStartLocation = PickerLocationId.DocumentsLibrary;

fileOpenPicker.FileTypeFilter.Add(".rtf");

if(Window.Current == null)

{

IntPtr windowHandle = GetActiveWindow();

InitializeWithWindow.Initialize(fileOpenPicker, windowHandle);

}

StorageFile storageFile = await fileOpenPicker.PickSingleFileAsync();

if(storageFile != null)

{

using(IRandomAccessStream stream = await storageFile.OpenAsync(FileAccessMode.Read))

{

this.richEditBox.Document.LoadFromStream(TextSetOptions.FormatRtf, stream);

}

#endregion

#region Save file 버튼 클릭시 처리하기 - saveFileButton_Click(sender, e)

/// <summary>

/// Save file 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private async void saveFileButton_Click(object sender, RoutedEventArgs e)

{

FileSavePicker fileSavePicker = new FileSavePicker

{

SuggestedStartLocation = PickerLocationId.DocumentsLibrary

};

fileSavePicker.FileTypeChoices.Add("Rich Text", new List<string>() { ".rtf" });

fileSavePicker.SuggestedFileName = "New Document";

if(Window.Current == null)

{

IntPtr windowHandle = GetActiveWindow();

InitializeWithWindow.Initialize(fileSavePicker, windowHandle);

}

StorageFile storageFile = await fileSavePicker.PickSaveFileAsync();

if(storageFile != null)

{

CachedFileManager.DeferUpdates(storageFile);

using(IRandomAccessStream stream = await storageFile.OpenAsync(FileAccessMode.ReadWrite))

{

this.richEditBox.Document.SaveToStream(TextGetOptions.FormatRtf, stream);

}

FileUpdateStatus status = await CachedFileManager.CompleteUpdatesAsync(storageFile);

if(status != FileUpdateStatus.Complete)

{

MessageDialog messageDialog = new MessageDialog("File " + storageFile.Name + " couldn't be saved.");

await messageDialog.ShowAsync();

}

#endregion

#region Bold 버튼 클릭시 처리하기 - boldButton_Click(sender, e)

/// <summary>

/// Bold 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void boldButton_Click(object sender, RoutedEventArgs e)

{

this.richEditBox.Document.Selection.CharacterFormat.Bold = FormatEffect.Toggle;

}

#endregion

#region Italic 버튼 클릭시 처리하기 - italicButton_Click(sender, e)

/// <summary>

/// Italic 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void italicButton_Click(object sender, RoutedEventArgs e)

{

this.richEditBox.Document.Selection.CharacterFormat.Italic = FormatEffect.Toggle;

}

#endregion

#region 색상 버튼 클릭시 처리하기 - colorButton_Click(sender, e)

/// <summary>

/// 색상 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void colorButton_Click(object sender, RoutedEventArgs e)

{

Button button = sender as Button;

Rectangle rectangle = button.Content as Rectangle;

Color color = (rectangle.Fill as SolidColorBrush).Color;

this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor = color;

this.fontColorButton.Flyout.Hide();

this.richEditBox.Focus(FocusState.Keyboard);

this.currentColor = color;

}

#endregion

#region 리치 에디트 박스 포커스 획득시 처리하기 - richEditBox_GotFocus(sender, e)

/// <summary>

/// 리치 에디트 박스 포커스 획득시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void richEditBox_GotFocus(object sender, RoutedEventArgs e)

{

this.richEditBox.Document.GetText(TextGetOptions.UseCrlf, out _);

ITextRange textRange = richEditBox.Document.GetRange(0, TextConstants.MaxUnitCount);

SolidColorBrush backgroundBrush = App.Current.Resources["TextControlBackgroundFocused"] as SolidColorBrush;

if(backgroundBrush != null)

{

textRange.CharacterFormat.BackgroundColor = backgroundBrush.Color;

}

#endregion

#region 리치 에디트 박스 텍스트 변경시 처리하기 - richEditBox_TextChanged(sender, e)

/// <summary>

/// 리치 에디트 박스 텍스트 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void richEditBox_TextChanged(object sender, RoutedEventArgs e)

{

if(this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor != this.currentColor)

{

this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor = this.currentColor;

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region Find 텍스트 박스 하이라이트 설정하기 - SetFindTextBoxHighlight()

/// <summary>

/// Find 텍스트 박스 하이라이트 설정하기

/// </summary>

private void SetFindTextBoxHighlight()

{

ClearFindTextBoxHighlight();

Color highlightBackgroundColor = (Color)App.Current.Resources["SystemColorHighlightColor" ];

Color highlightForegroundColor = (Color)App.Current.Resources["SystemColorHighlightTextColor"];

string textToFind = this.findTextBox.Text;

if(textToFind != null)

{

ITextRange textRange = this.richEditBox.Document.GetRange(0, 0);

while(textRange.FindText(textToFind, TextConstants.MaxUnitCount, FindOptions.None) > 0)

{

textRange.CharacterFormat.BackgroundColor = highlightBackgroundColor;

textRange.CharacterFormat.ForegroundColor = highlightForegroundColor;

}

#endregion

#region Find 텍스트 박스 하이라이트 지우기 - ClearFindTextBoxHighlight()

/// <summary>

/// Find 텍스트 박스 하이라이트 지우기

/// </summary>

private void ClearFindTextBoxHighlight()

{

ITextRange textRange = this.richEditBox.Document.GetRange(0, TextConstants.MaxUnitCount);

SolidColorBrush defaultBackgroundBrush = this.richEditBox.Background as SolidColorBrush;

SolidColorBrush defaultForegroundBrush = this.richEditBox.Foreground as SolidColorBrush;

textRange.CharacterFormat.BackgroundColor = defaultBackgroundBrush.Color;

textRange.CharacterFormat.ForegroundColor = defaultForegroundBrush.Color;

}

#endregion

}

TestProject.zip

[C#/WINUI3/.NET6] RichEditBox 클래스 : SelectionFlyout/ContextFlyout 속성을 사용해 플라이아웃 메뉴 추가하기

■ RichEditBox 클래스의 SelectionFlyout/ContextFlyout 속성을 사용해 플라이아웃 메뉴를 추가하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <RichEditBox Name="richEditBox"
        Margin="10" />
</Page>

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

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<RichEditBox Name="richEditBox"

Margin="10" />

</Page>

▶ MainPage.xaml.cs


using Windows.Foundation.Metadata;

using Microsoft.UI.Xaml;
using Microsoft.UI.Xaml.Controls;
using Microsoft.UI.Xaml.Input;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public sealed partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainPage()

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

            this.richEditBox.Loaded   += richEditBox_Loaded;
            this.richEditBox.Unloaded += richEditBox_Unloaded;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 리치 에디트 박스 로드시 처리하기 - richEditBox_Loaded(sender, e)

        /// <summary>
        /// 리치 에디트 박스 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void richEditBox_Loaded(object sender, RoutedEventArgs e)
        {
            // UniversalApiContract 7 이전에는 RichEditBox에 기본 ContextFlyout 세트가 없었다.
            if(ApiInformation.IsApiContractPresent("Windows.Foundation.UniversalApiContract", 7))
            {
                this.richEditBox.SelectionFlyout.Opening += flyout_Opening;
                this.richEditBox.ContextFlyout.Opening   += flyout_Opening;
            }
        }

        #endregion
        #region 리치 에디트 박스 언로드시 처리하기 - richEditBox_Unloaded(sender, e)

        /// <summary>
        /// 리치 에디트 박스 언로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void richEditBox_Unloaded(object sender, RoutedEventArgs e)
        {
            // UniversalApiContract 7 이전에는 RichEditBox에 기본 ContextFlyout 세트가 없었다.
            if(ApiInformation.IsApiContractPresent("Windows.Foundation.UniversalApiContract", 7))
            {
                this.richEditBox.SelectionFlyout.Opening -= flyout_Opening;
                this.richEditBox.ContextFlyout.Opening   -= flyout_Opening;
            }
        }

        #endregion
        #region 플라이아웃 오픈시 처리하기 - flyout_Opening(sender, e)

        /// <summary>
        /// 플라이아웃 오픈시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void flyout_Opening(object sender, object e)
        {
            CommandBarFlyout commandBarFlyout = sender as CommandBarFlyout;

            if(commandBarFlyout != null && commandBarFlyout.Target == this.richEditBox)
            {
                AppBarButton appBarButton = new AppBarButton
                {
                    Command = new StandardUICommand(StandardUICommandKind.Share)
                };

                commandBarFlyout.PrimaryCommands.Add(appBarButton);
            }
        }

        #endregion
    }
}

using Windows.Foundation.Metadata;

using Microsoft.UI.Xaml;

using Microsoft.UI.Xaml.Controls;

using Microsoft.UI.Xaml.Input;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

this.richEditBox.Loaded += richEditBox_Loaded;

this.richEditBox.Unloaded += richEditBox_Unloaded;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 리치 에디트 박스 로드시 처리하기 - richEditBox_Loaded(sender, e)

/// <summary>

/// 리치 에디트 박스 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void richEditBox_Loaded(object sender, RoutedEventArgs e)

{

// UniversalApiContract 7 이전에는 RichEditBox에 기본 ContextFlyout 세트가 없었다.

if(ApiInformation.IsApiContractPresent("Windows.Foundation.UniversalApiContract", 7))

{

this.richEditBox.SelectionFlyout.Opening += flyout_Opening;

this.richEditBox.ContextFlyout.Opening += flyout_Opening;

}

#endregion

#region 리치 에디트 박스 언로드시 처리하기 - richEditBox_Unloaded(sender, e)

/// <summary>

/// 리치 에디트 박스 언로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void richEditBox_Unloaded(object sender, RoutedEventArgs e)

{

// UniversalApiContract 7 이전에는 RichEditBox에 기본 ContextFlyout 세트가 없었다.

if(ApiInformation.IsApiContractPresent("Windows.Foundation.UniversalApiContract", 7))

{

this.richEditBox.SelectionFlyout.Opening -= flyout_Opening;

this.richEditBox.ContextFlyout.Opening -= flyout_Opening;

}

#endregion

#region 플라이아웃 오픈시 처리하기 - flyout_Opening(sender, e)

/// <summary>

/// 플라이아웃 오픈시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void flyout_Opening(object sender, object e)

{

CommandBarFlyout commandBarFlyout = sender as CommandBarFlyout;

if(commandBarFlyout != null && commandBarFlyout.Target == this.richEditBox)

{

AppBarButton appBarButton = new AppBarButton

{

Command = new StandardUICommand(StandardUICommandKind.Share)

};

commandBarFlyout.PrimaryCommands.Add(appBarButton);

}

#endregion

}

TestProject.zip

[C#/WINUI3/.NET6] PassworBox 엘리먼트 : PasswordRevealMode 속성 사용하기

■ PassworBox 엘리먼트의 PasswordRevealMode 속성을 사용하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Orientation="Horizontal">
        <PasswordBox Name="passworBox"
            VerticalAlignment="Center"
            Width="250"
            PasswordRevealMode="Hidden" />
        <CheckBox Name="revealModeCheckBox"
            VerticalAlignment="Center"
            Margin="10 0 0 0"
            Content="Show password"
            IsChecked="False" />
    </StackPanel>
</Page>

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

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center"

Orientation="Horizontal">

<PasswordBox Name="passworBox"

VerticalAlignment="Center"

Width="250"

PasswordRevealMode="Hidden" />

<CheckBox Name="revealModeCheckBox"

VerticalAlignment="Center"

Margin="10 0 0 0"

Content="Show password"

IsChecked="False" />

</StackPanel>

</Page>

▶ MainPage.xaml.cs


using Microsoft.UI.Xaml;
using Microsoft.UI.Xaml.Controls;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public sealed partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainPage()

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

            this.revealModeCheckBox.Checked   += revealModeCheckBox_CheckedChanged;
            this.revealModeCheckBox.Unchecked += revealModeCheckBox_CheckedChanged;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region Reveal Mode 체크 박스 체크 변경시 처리하기 - revealModeCheckBox_CheckedChanged(sender, e)

        /// <summary>
        /// Reveal Mode 체크 박스 체크 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void revealModeCheckBox_CheckedChanged(object sender, RoutedEventArgs e)
        {
            if(this.revealModeCheckBox.IsChecked == true)
            {
                this.passworBox.PasswordRevealMode = PasswordRevealMode.Visible;
            }
            else
            {
                this.passworBox.PasswordRevealMode = PasswordRevealMode.Hidden;
            }
        }

        #endregion
    }
}

using Microsoft.UI.Xaml;

using Microsoft.UI.Xaml.Controls;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

this.revealModeCheckBox.Checked += revealModeCheckBox_CheckedChanged;

this.revealModeCheckBox.Unchecked += revealModeCheckBox_CheckedChanged;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region Reveal Mode 체크 박스 체크 변경시 처리하기 - revealModeCheckBox_CheckedChanged(sender, e)

/// <summary>

/// Reveal Mode 체크 박스 체크 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void revealModeCheckBox_CheckedChanged(object sender, RoutedEventArgs e)

{

if(this.revealModeCheckBox.IsChecked == true)

{

this.passworBox.PasswordRevealMode = PasswordRevealMode.Visible;

}

else

{

this.passworBox.PasswordRevealMode = PasswordRevealMode.Hidden;

}

#endregion

}

TestProject.zip

[C#/WINUI3/.NET6] PasswordBox 엘리먼트 : Header/PlaceholderText/PasswordChar 속성 사용하기

■ PasswordBox 엘리먼트의 Header/PlaceholderText/PasswordChar 속성을 사용하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <PasswordBox
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Width="300"
        Header="Password"
        PlaceholderText="Enter your password"
        PasswordChar="#" />
</Page>

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

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<PasswordBox

HorizontalAlignment="Center"

VerticalAlignment="Center"

Width="300"

Header="Password"

PlaceholderText="Enter your password"

PasswordChar="#" />

</Page>

TestProject.zip

[C#/WINUI3/.NET6] PasswordBox 클래스 : PasswordChanged 이벤트 사용하기

■ PasswordBox 클래스의 PasswordChanged 이벤트를 사용하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <PasswordBox Name="passwordBox"
            HorizontalAlignment="Center"
            Width="300" />
        <TextBlock Name="outputTextBlock"
            Margin="0 10 0 0"
            FontFamily="Global User Interface"
            Text="Please input password." />
    </StackPanel>
</Page>

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

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<PasswordBox Name="passwordBox"

HorizontalAlignment="Center"

Width="300" />

<TextBlock Name="outputTextBlock"

Margin="0 10 0 0"

FontFamily="Global User Interface"

Text="Please input password." />

</StackPanel>

</Page>

▶ MainPage.xaml.cs


using Microsoft.UI.Xaml;
using Microsoft.UI.Xaml.Controls;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public sealed partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainPage()

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

            this.passwordBox.PasswordChanged += passwordBox_PasswordChanged;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 패스워드 박스 패스워드 변경시 처리하기 - passwordBox_PasswordChanged(sender, e)

        /// <summary>
        /// 패스워드 박스 패스워드 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void passwordBox_PasswordChanged(object sender, RoutedEventArgs e)
        {
            if(sender is PasswordBox passwordBox)
            {
                if(string.IsNullOrEmpty(passwordBox.Password))
                {
                    this.outputTextBlock.Visibility = Visibility.Visible;
                    this.outputTextBlock.Text       = "Please input password.";

                    this.passwordBox.Password = string.Empty;
                }
                else
                {
                    this.outputTextBlock.Visibility = Visibility.Collapsed;
                    this.outputTextBlock.Text       = string.Empty;
                }
            }
        }

        #endregion
    }
}

using Microsoft.UI.Xaml;

using Microsoft.UI.Xaml.Controls;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

this.passwordBox.PasswordChanged += passwordBox_PasswordChanged;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 패스워드 박스 패스워드 변경시 처리하기 - passwordBox_PasswordChanged(sender, e)

/// <summary>

/// 패스워드 박스 패스워드 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void passwordBox_PasswordChanged(object sender, RoutedEventArgs e)

{

if(sender is PasswordBox passwordBox)

{

if(string.IsNullOrEmpty(passwordBox.Password))

{

this.outputTextBlock.Visibility = Visibility.Visible;

this.outputTextBlock.Text = "Please input password.";

this.passwordBox.Password = string.Empty;

}

else

{

this.outputTextBlock.Visibility = Visibility.Collapsed;

this.outputTextBlock.Text = string.Empty;

}

#endregion

}

TestProject.zip