.NET6 Archives - icodebroker

[C#/COMMON/.NET6] 엑셀에서 OLLAMA 질문 사용자 함수 추가하기

■ 엑셀에서 OLLAMA에게 질문을 하는 사용자 함수를 추가하는 방법을 보여준다. ▶ TestLibrary.csproj


<Project Sdk="Microsoft.NET.Sdk">
    <PropertyGroup>
        <TargetFramework>net6.0-windows</TargetFramework>
        <ImplicitUsings>disable</ImplicitUsings>
        <Nullable>disable</Nullable>
    </PropertyGroup>
    <ItemGroup>
        <PackageReference Include="ExcelDna.AddIn" Version="1.8.0" />
    </ItemGroup>
</Project>

<TargetFramework>net6.0-windows</TargetFramework>

<ImplicitUsings>disable</ImplicitUsings>

<Nullable>disable</Nullable>

</PropertyGroup>

</ItemGroup>

</Project>

▶ launchSettings.json


{
  "profiles": {
    "Excel": {
      "commandName": "Executable",
      "executablePath": "C:\\Program Files\\Microsoft Office\\root\\Office16\\EXCEL.EXE",
      "commandLineArgs": "/x \"TestLibrary-AddIn64.xll\""
    }
  }
}

{

"profiles": {

"Excel": {

"commandName": "Executable",

"executablePath": "C:\\Program Files\\Microsoft Office\\root\\Office16\\EXCEL.EXE",

"commandLineArgs": "/x \"TestLibrary-AddIn64.xll\""

}

▶ OllamaClient.cs


using System.Net.Http;
using System.Text;
using System.Text.Json;

namespace TestLibrary;

/// <summary>
/// OLLAMA 클라이언트
/// </summary>
public class OllamaClient
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 기본 URL
    /// </summary>
    private readonly string baseURL;

    /// <summary>
    /// 모델명
    /// </summary>
    private readonly string modelName;

    /// <summary>
    /// HTTP 클라이언트
    /// </summary>
    private readonly HttpClient client;

    #endregion

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

    #region 생성자 - OllamaClient(baseURL, modelName)

    /// <summary>
    /// 생성자
    /// </summary>
    /// <param name="baseURL">기본 URL</param>
    /// <param name="modelName">모델명</param>
    public OllamaClient(string baseURL = "http://localhost:11434", string modelName = "bnksys/eeve-yanolja-v1:latest")
    {
        this.baseURL = baseURL;
        this.modelName = modelName;

        this.client = new HttpClient();
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 질문하기 - Ask(question)

    /// <summary>
    /// 질문하기
    /// </summary>
    /// <param name="question">질문</param>
    /// <returns>답변</returns>
    public string Ask(string question)
    {
        var requestContent = new
        {
            model  = this.modelName,
            prompt = question,
            stream = false,
            raw    = false
        };

        string json = JsonSerializer.Serialize(requestContent);

        StringContent stringContent = new StringContent(json, Encoding.UTF8, "application/json");

        using(HttpResponseMessage httpResponseMessage = client.PostAsync($"{baseURL}/api/generate", stringContent).Result)
        {
            httpResponseMessage.EnsureSuccessStatusCode();

            string respnseJSON = httpResponseMessage.Content.ReadAsStringAsync().Result;

            using(JsonDocument jsonElement = JsonDocument.Parse(respnseJSON))
            {
                JsonElement rootJSONElement = jsonElement.RootElement;

                if(rootJSONElement.TryGetProperty("response", out JsonElement responseElement))
                {
                    return responseElement.GetString() ?? string.Empty;
                }

                return string.Empty;
            }
        }
    }

    #endregion
}

100

101

using System.Net.Http;

using System.Text;

using System.Text.Json;

namespace TestLibrary;

/// <summary>

/// OLLAMA 클라이언트

/// </summary>

public class OllamaClient

{

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

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

#region Field

/// <summary>

/// 기본 URL

/// </summary>

private readonly string baseURL;

/// <summary>

/// 모델명

/// </summary>

private readonly string modelName;

/// <summary>

/// HTTP 클라이언트

/// </summary>

private readonly HttpClient client;

#endregion

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

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

#region 생성자 - OllamaClient(baseURL, modelName)

/// <summary>

/// 생성자

/// </summary>

/// <param name="baseURL">기본 URL</param>

/// <param name="modelName">모델명</param>

public OllamaClient(string baseURL = "http://localhost:11434", string modelName = "bnksys/eeve-yanolja-v1:latest")

{

this.baseURL = baseURL;

this.modelName = modelName;

this.client = new HttpClient();

}

#endregion

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

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

#region 질문하기 - Ask(question)

/// <summary>

/// 질문하기

/// </summary>

/// <param name="question">질문</param>

/// <returns>답변</returns>

public string Ask(string question)

{

var requestContent = new

{

model = this.modelName,

prompt = question,

stream = false,

raw = false

};

string json = JsonSerializer.Serialize(requestContent);

StringContent stringContent = new StringContent(json, Encoding.UTF8, "application/json");

using(HttpResponseMessage httpResponseMessage = client.PostAsync($"{baseURL}/api/generate", stringContent).Result)

{

httpResponseMessage.EnsureSuccessStatusCode();

string respnseJSON = httpResponseMessage.Content.ReadAsStringAsync().Result;

using(JsonDocument jsonElement = JsonDocument.Parse(respnseJSON))

{

JsonElement rootJSONElement = jsonElement.RootElement;

if(rootJSONElement.TryGetProperty("response", out JsonElement responseElement))

{

return responseElement.GetString() ?? string.Empty;

}

return string.Empty;

}

#endregion

}

▶ CustomFunction.cs


using ExcelDna.Integration;

namespace TestLibrary;

/// <summary>
/// 커스텀 함수
/// </summary>
public static class CustomFunction
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region OLLAMA 질문하기 - AskOllama(question)

    /// <summary>
    /// OLLAMA 질문하기
    /// </summary>
    /// <param name="question">질문</param>
    /// <returns>답변</returns>
    [ExcelFunction(Description = "Ollama에게 질문을 합니다.")]
    public static string AskOllama(string question)
    {
        OllamaClient ollamaClient = new OllamaClient();

        string answer = ollamaClient.Ask(question);

        return answer;
    }

    #endregion
}

using ExcelDna.Integration;

namespace TestLibrary;

/// <summary>

/// 커스텀 함수

/// </summary>

public static class CustomFunction

{

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

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

#region OLLAMA 질문하기 - AskOllama(question)

/// <summary>

/// OLLAMA 질문하기

/// </summary>

/// <param name="question">질문</param>

/// <returns>답변</returns>

[ExcelFunction(Description = "Ollama에게 질문을 합니다.")]

public static string AskOllama(string question)

{

OllamaClient ollamaClient = new OllamaClient();

string answer = ollamaClient.Ask(question);

return answer;

}

#endregion

}

[C#/COMMON/.NET6] ExcelDna.AddIn 누겟 설치하기

■ ExcelDna.AddIn 누겟을 설치하는 방법을 보여준다. 1. Visual Studio를 실행한다. 2. [도구] / [NuGet 패키지 관리자] / [패키지 관리자 콘솔] 메뉴를 실행한다.

[C#/WINUI3/.NET6] IValueConverter 인터페이스 : 열거형 값↔진리 값 변환자 사용하기

■ IValueConverter 인터페이스에서 열거형 값↔진리 값 변환자 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


xmlns:local="using:TestProject"

<Page.Resources>
    <local:EnumerationToBooleanConverter x:Key="EnumerationToBooleanConverterKey" />
</Page.Resources>

<RadioButton x:Uid="Settings_Theme_Light"
    GroupName="AppTheme"
    FontSize="15"
    IsChecked="{x:Bind ViewModel.ElementTheme, Converter={StaticResource EnumerationToBooleanConverterKey}, ConverterParameter=Light, Mode=OneWay}"
    Command="{x:Bind ViewModel.SwitchThemeCommand}">
    <RadioButton.CommandParameter>
        <xaml:ElementTheme>Light</xaml:ElementTheme>
    </RadioButton.CommandParameter>
</RadioButton>

xmlns:local="using:TestProject"

<Page.Resources>

<local:EnumerationToBooleanConverter x:Key="EnumerationToBooleanConverterKey" />

</Page.Resources>

<RadioButton x:Uid="Settings_Theme_Light"

GroupName="AppTheme"

FontSize="15"

IsChecked="{x:Bind ViewModel.ElementTheme, Converter={StaticResource EnumerationToBooleanConverterKey}, ConverterParameter=Light, Mode=OneWay}"

Command="{x:Bind ViewModel.SwitchThemeCommand}">

<RadioButton.CommandParameter>

<xaml:ElementTheme>Light</xaml:ElementTheme>

</RadioButton.CommandParameter>

</RadioButton>

▶ EnumerationToBooleanConverter.cs


using Microsoft.UI.Xaml;
using Microsoft.UI.Xaml.Data;

namespace TestProject;

/// <summary>
/// 열거형↔진리 값 변환자
/// </summary>
public class EnumerationToBooleanConverter : IValueConverter
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - EnumerationToBooleanConverter()

    /// <summary>
    /// 생성자
    /// </summary>
    public EnumerationToBooleanConverter()
    {
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 변환하기 - Convert(sourceValue, targetType, parameter, language)

    /// <summary>
    /// 변환하기
    /// </summary>
    /// <param name="sourceValue">소스 값</param>
    /// <param name="targetType">타겟 타입</param>
    /// <param name="parameter">매개 변수</param>
    /// <param name="language">언어</param>
    /// <returns>변환 값</returns>
    public object Convert(object sourceValue, Type targetType, object parameter, string language)
    {
        if(parameter is string enumerationString)
        {
            if(!Enum.IsDefined(typeof(ElementTheme), sourceValue))
            {
                throw new ArgumentException("Exception : EnumerationToBooleanConverter value must be enumeration.");
            }

            object enumerationValue = Enum.Parse(typeof(ElementTheme), enumerationString);

            return enumerationValue.Equals(sourceValue);
        }

        throw new ArgumentException("Exception : EnumerationToBooleanConverter parameter must be as enumeration name.");
    }

    #endregion
    #region 역변환하기 - ConvertBack(sourceValue, targetType, parameter, language)

    /// <summary>
    /// 역변환하기
    /// </summary>
    /// <param name="sourceValue">소스 값</param>
    /// <param name="targetType">타겟 타입</param>
    /// <param name="parameter">매개 변수</param>
    /// <param name="language">언어</param>
    /// <returns>역변환 값</returns>
    public object ConvertBack(object sourceValue, Type targetType, object parameter, string language)
    {
        if(parameter is string enumerationString)
        {
            return Enum.Parse(typeof(ElementTheme), enumerationString);
        }

        throw new ArgumentException("Exception : EnumerationToBooleanConverter parameter must be as enumeration name.");
    }

    #endregion
}

using Microsoft.UI.Xaml;

using Microsoft.UI.Xaml.Data;

namespace TestProject;

/// <summary>

/// 열거형↔진리 값 변환자

/// </summary>

public class EnumerationToBooleanConverter : IValueConverter

{

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

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

#region 생성자 - EnumerationToBooleanConverter()

/// <summary>

/// 생성자

/// </summary>

public EnumerationToBooleanConverter()

{

}

#endregion

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

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

#region 변환하기 - Convert(sourceValue, targetType, parameter, language)

/// <summary>

/// 변환하기

/// </summary>

/// <param name="sourceValue">소스 값</param>

/// <param name="targetType">타겟 타입</param>

/// <param name="parameter">매개 변수</param>

/// <param name="language">언어</param>

/// <returns>변환 값</returns>

public object Convert(object sourceValue, Type targetType, object parameter, string language)

{

if(parameter is string enumerationString)

{

if(!Enum.IsDefined(typeof(ElementTheme), sourceValue))

{

throw new ArgumentException("Exception : EnumerationToBooleanConverter value must be enumeration.");

}

object enumerationValue = Enum.Parse(typeof(ElementTheme), enumerationString);

return enumerationValue.Equals(sourceValue);

}

throw new ArgumentException("Exception : EnumerationToBooleanConverter parameter must be as enumeration name.");

}

#endregion

#region 역변환하기 - ConvertBack(sourceValue, targetType, parameter, language)

/// <summary>

/// 역변환하기

/// </summary>

/// <param name="sourceValue">소스 값</param>

/// <param name="targetType">타겟 타입</param>

/// <param name="parameter">매개 변수</param>

/// <param name="language">언어</param>

/// <returns>역변환 값</returns>

public object ConvertBack(object sourceValue, Type targetType, object parameter, string language)

{

if(parameter is string enumerationString)

{

return Enum.Parse(typeof(ElementTheme), enumerationString);

}

throw new ArgumentException("Exception : EnumerationToBooleanConverter parameter must be as enumeration name.");

}

#endregion

}

[C#/COMMON/.NET6] 다익스트라(Dijkstra) 알고리즘을 사용해 그래프에서 최단 경로 리스트 구하기

■ 다익스트라(Dijkstra) 알고리즘을 사용해 그래프에서 최단 경로 리스트를 구하는 방법을 보여준다. ▶ Graph.cs


namespace TestProject;

/// <summary>
/// 그래프
/// </summary>
public class Graph
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 버텍스 딕셔너리
    /// </summary>
    private Dictionary<string, Dictionary<string, int>> vertexDictionary = new Dictionary<string, Dictionary<string, int>>();

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 에지 추가하기 - AddEdge(startNode, endNode, weight)

    /// <summary>
    /// 에지 추가하기
    /// </summary>
    /// <param name="startNode">시작 노드</param>
    /// <param name="endNode">종료 노드</param>
    /// <param name="weight">가중치</param>
    public void AddEdge(string startNode, string endNode, int weight)
    {
        if(!this.vertexDictionary.ContainsKey(startNode))
        {
            this.vertexDictionary[startNode] = new Dictionary<string, int>();
        }

        this.vertexDictionary[startNode][endNode] = weight;
    }

    #endregion
    #region 최단 경로 리스트 구하기 - GetShortestPathList(startNode, endNode)

    /// <summary>
    /// 최단 경로 리스트 구하기
    /// </summary>
    /// <param name="startNode">시작 노드</param>
    /// <param name="endNode">종료 노드</param>
    /// <returns>최단 경로 리스트</returns>
    public List<string> GetShortestPathList(string startNode, string endNode)
    {
        Dictionary<string, int> distanceDictionary = new Dictionary<string, int>();

        Dictionary<string, string> previousNodeDictionary = new Dictionary<string, string>();

        List<string> nodeList = new List<string>();

        List<string> pathList = null;

        foreach(KeyValuePair<string, Dictionary<string, int>> keyValurPair in vertexDictionary)
        {
            if(keyValurPair.Key == startNode)
            {
                distanceDictionary[keyValurPair.Key] = 0;
            }
            else
            {
                distanceDictionary[keyValurPair.Key] = int.MaxValue;
            }

            nodeList.Add(keyValurPair.Key);
        }

        while(nodeList.Count != 0)
        {
            nodeList.Sort((x, y) => distanceDictionary[x].CompareTo(distanceDictionary[y]));

            string smallestNode = nodeList[0];

            nodeList.Remove(smallestNode);

            if(smallestNode == endNode)
            {
                pathList = new List<string>();

                while(previousNodeDictionary.ContainsKey(smallestNode))
                {
                    pathList.Add(smallestNode);

                    smallestNode = previousNodeDictionary[smallestNode];
                }

                pathList.Add(startNode);

                pathList.Reverse();
            }

            if(distanceDictionary[smallestNode] == int.MaxValue)
            {
                break;
            }

            if(vertexDictionary.ContainsKey(smallestNode))
            {
                foreach(KeyValuePair<string, int> neighbor in vertexDictionary[smallestNode])
                {
                    if (!distanceDictionary.ContainsKey(neighbor.Key))
                    {
                        distanceDictionary[neighbor.Key] = int.MaxValue;
                        nodeList.Add(neighbor.Key);
                    }

                    var alt = distanceDictionary[smallestNode] + neighbor.Value;
                    if (alt < distanceDictionary[neighbor.Key])
                    {
                        distanceDictionary[neighbor.Key] = alt;
                        previousNodeDictionary[neighbor.Key] = smallestNode;
                    }
                }
            }
        }

        return pathList;
    }

    #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

namespace TestProject;

/// <summary>

/// 그래프

/// </summary>

public class Graph

{

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

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

#region Field

/// <summary>

/// 버텍스 딕셔너리

/// </summary>

private Dictionary<string, Dictionary<string, int>> vertexDictionary = new Dictionary<string, Dictionary<string, int>>();

#endregion

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

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

#region 에지 추가하기 - AddEdge(startNode, endNode, weight)

/// <summary>

/// 에지 추가하기

/// </summary>

/// <param name="startNode">시작 노드</param>

/// <param name="endNode">종료 노드</param>

/// <param name="weight">가중치</param>

public void AddEdge(string startNode, string endNode, int weight)

{

if(!this.vertexDictionary.ContainsKey(startNode))

{

this.vertexDictionary[startNode] = new Dictionary<string, int>();

}

this.vertexDictionary[startNode][endNode] = weight;

}

#endregion

#region 최단 경로 리스트 구하기 - GetShortestPathList(startNode, endNode)

/// <summary>

/// 최단 경로 리스트 구하기

/// </summary>

/// <param name="startNode">시작 노드</param>

/// <param name="endNode">종료 노드</param>

/// <returns>최단 경로 리스트</returns>

public List<string> GetShortestPathList(string startNode, string endNode)

{

Dictionary<string, int> distanceDictionary = new Dictionary<string, int>();

Dictionary<string, string> previousNodeDictionary = new Dictionary<string, string>();

List<string> nodeList = new List<string>();

List<string> pathList = null;

foreach(KeyValuePair<string, Dictionary<string, int>> keyValurPair in vertexDictionary)

{

if(keyValurPair.Key == startNode)

{

distanceDictionary[keyValurPair.Key] = 0;

}

else

{

distanceDictionary[keyValurPair.Key] = int.MaxValue;

}

nodeList.Add(keyValurPair.Key);

}

while(nodeList.Count != 0)

{

nodeList.Sort((x, y) => distanceDictionary[x].CompareTo(distanceDictionary[y]));

string smallestNode = nodeList[0];

nodeList.Remove(smallestNode);

if(smallestNode == endNode)

{

pathList = new List<string>();

while(previousNodeDictionary.ContainsKey(smallestNode))

{

pathList.Add(smallestNode);

smallestNode = previousNodeDictionary[smallestNode];

}

pathList.Add(startNode);

pathList.Reverse();

}

if(distanceDictionary[smallestNode] == int.MaxValue)

{

break;

}

if(vertexDictionary.ContainsKey(smallestNode))

{

foreach(KeyValuePair<string, int> neighbor in vertexDictionary[smallestNode])

{

if (!distanceDictionary.ContainsKey(neighbor.Key))

{

distanceDictionary[neighbor.Key] = int.MaxValue;

nodeList.Add(neighbor.Key);

}

var alt = distanceDictionary[smallestNode] + neighbor.Value;

if (alt < distanceDictionary[neighbor.Key])

{

distanceDictionary[neighbor.Key] = alt;

previousNodeDictionary[neighbor.Key] = smallestNode;

}

return pathList;

}

#endregion

}

▶ Program.cs


namespace TestProject;

/// <summary>
/// 프로그램
/// </summary>
class Program
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Static
    //////////////////////////////////////////////////////////////////////////////// Private

    #region 프로그램 시작하기 - Main()

    /// <summary>
    /// 프로그램 시작하기
    /// </summary>
    static void Main()
    {
        Graph graph = new Graph();

        graph.AddEdge("A", "B", 4);
        graph.AddEdge("A", "C", 2);
        graph.AddEdge("A", "D", 7);
        graph.AddEdge("B", "D", 1);
        graph.AddEdge("B", "C", 3);
        graph.AddEdge("D", "E", 5);
        graph.AddEdge("E", "F", 2);

        List<string> shortestPathList = graph.GetShortestPathList("A", "F");

        Console.WriteLine("A에서 F까지의 최단 경로 :");
        Console.WriteLine(string.Join(" -> ", shortestPathList));
    }

    #endregion
}

namespace TestProject;

/// <summary>

/// 프로그램

/// </summary>

class Program

{

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

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

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

#region 프로그램 시작하기 - Main()

/// <summary>

/// 프로그램 시작하기

/// </summary>

static void Main()

{

Graph graph = new Graph();

graph.AddEdge("A", "B", 4);

graph.AddEdge("A", "C", 2);

graph.AddEdge("A", "D", 7);

graph.AddEdge("B", "D", 1);

graph.AddEdge("B", "C", 3);

graph.AddEdge("D", "E", 5);

graph.AddEdge("E", "F", 2);

List<string> shortestPathList = graph.GetShortestPathList("A", "F");

Console.WriteLine("A에서 F까지의 최단 경로 :");

Console.WriteLine(string.Join(" -> ", shortestPathList));

}

#endregion

}

TestProject.zip

[C#/COMMON/.NET6] Hill Climbing 알고리즘 : 최적해 구하기

■ Hill Climbing 알고리즘을 사용해 최적해를 구하는 방법을 보여준다. ▶ Program.cs


namespace TestProject;

public class Program
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Static
    //////////////////////////////////////////////////////////////////////////////// Private

    #region 목표 함수 처리하기 - ObjectiveFunction(x)

    /// <summary>
    /// 목표 함수 처리하기
    /// </summary>
    /// <param name="x">X 인자</param>
    /// <returns>목표 함수</returns>
    private static double ObjectiveFunction(double x)
    {
        return -(x * x) + 5 * x + 10; // 예 : f(x) = -x^2 + 5x + 10
    }

    #endregion
    #region 최적화하기 - Optimize(start, stepSize, maximumIterationCount)

    /// <summary>
    /// 최적화하기
    /// </summary>
    /// <remarks>Hill Climbing 알고리즘을 사용한다.</remarks>
    /// <param name="start">시작</param>
    /// <param name="stepSize">단계 크기</param>
    /// <param name="maximumIterationCount">최대 반복 수</param>
    /// <returns>최적해</returns>
    private static double Optimize(double start, double stepSize, int maximumIterationCount)
    {
        double currentX     = start;
        double currentValue = ObjectiveFunction(currentX);

        for(int i = 0; i < maximumIterationCount; i++)
        {
            double leftX  = currentX - stepSize;
            double rightX = currentX + stepSize;

            double leftValue  = ObjectiveFunction(leftX);
            double rightValue = ObjectiveFunction(rightX);

            if(leftValue > currentValue && leftValue > rightValue)
            {
                currentX     = leftX;
                currentValue = leftValue;
            }
            else if(rightValue > currentValue)
            {
                currentX     = rightX;
                currentValue = rightValue;
            }
            else
            {
                break;
            }
        }

        return currentX;
    }

    #endregion

    #region 프로그램 시작하기 - Main()

    /// <summary>
    /// 프로그램 시작하기
    /// </summary>
    private static void Main()
    {
        double startX                = 0;
        double stepSize              = 0.1;
        int    maximumIterationCount = 100;

        double result = Optimize(startX, stepSize, maximumIterationCount);

        Console.WriteLine($"최적해 : x = {result}, f(x) = {ObjectiveFunction(result)}");
    }

    #endregion
}

namespace TestProject;

public class Program

{

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

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

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

#region 목표 함수 처리하기 - ObjectiveFunction(x)

/// <summary>

/// 목표 함수 처리하기

/// </summary>

/// <param name="x">X 인자</param>

/// <returns>목표 함수</returns>

private static double ObjectiveFunction(double x)

{

return -(x * x) + 5 * x + 10; // 예 : f(x) = -x^2 + 5x + 10

}

#endregion

#region 최적화하기 - Optimize(start, stepSize, maximumIterationCount)

/// <summary>

/// 최적화하기

/// </summary>

/// <remarks>Hill Climbing 알고리즘을 사용한다.</remarks>

/// <param name="start">시작</param>

/// <param name="stepSize">단계 크기</param>

/// <param name="maximumIterationCount">최대 반복 수</param>

/// <returns>최적해</returns>

private static double Optimize(double start, double stepSize, int maximumIterationCount)

{

double currentX = start;

double currentValue = ObjectiveFunction(currentX);

for(int i = 0; i < maximumIterationCount; i++)

{

double leftX = currentX - stepSize;

double rightX = currentX + stepSize;

double leftValue = ObjectiveFunction(leftX);

double rightValue = ObjectiveFunction(rightX);

if(leftValue > currentValue && leftValue > rightValue)

{

currentX = leftX;

currentValue = leftValue;

}

else if(rightValue > currentValue)

{

currentX = rightX;

currentValue = rightValue;

}

else

{

break;

}

return currentX;

}

#endregion

#region 프로그램 시작하기 - Main()

/// <summary>

/// 프로그램 시작하기

/// </summary>

private static void Main()

{

double startX = 0;

double stepSize = 0.1;

int maximumIterationCount = 100;

double result = Optimize(startX, stepSize, maximumIterationCount);

Console.WriteLine($"최적해 : x = {result}, f(x) = {ObjectiveFunction(result)}");

}

#endregion

}

TestProject.zip

[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#/WINFORM/TEECHART/.NET6] TChart 클래스 : ClickLegend 이벤트를 사용해 레전드 클릭시 처리하기 (.NET 오류 개선 버전)

■ TChart 클래스의 ClickLegend 이벤트를 사용해 레전드 클릭시 처리하는 방법을 보여준다. (.NET 오류 개선 버전) ▶ MainForm.cs


using Steema.TeeChart.Styles;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            for(int i = 0; i < 10; i++)
            {
                Points points = new Points(this.tChart.Chart);

                points.FillSampleValues(20);
            }

            this.tChart.ClickLegend += tChart_ClickLegend;
            this.tChart.MouseClick  += tChart_MouseClick;
        }

        #endregion

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

        #region 티차트 레전드 클릭시 처리하기 - tChart_ClickLegend(sender, e)

        /// <summary>
        /// 티차트 레전드 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void tChart_ClickLegend(object sender, MouseEventArgs e)
        {
            // .NET6 버그 처리
            double legendItemHeight = (double)this.tChart.Legend.Height / (double)this.tChart.Series.Count;

            int heightOffset = this.tChart.Legend.Height - (this.tChart.Legend.Height - (e.Y - this.tChart.Legend.Top));

            int index = (int)((double)heightOffset / legendItemHeight);

            // .NET FRAMEWORK의 경우
            //int index = this.tChart.Legend.Clicked(e.X, e.Y);

            if(index > -1)
            {
                for(int i = 0; i < this.tChart.Series.Count; i++)
                {
                    this.tChart[i].Transparency = 0;

                    if(i != index)
                    {
                        // 선택되지 않은 항목 반투명하게 처리한다.
                        this.tChart[i].Transparency = 70;
                    }
                }
            }
        }

        #endregion
        #region 티차트 마우스 클릭시 처리하기 - tChart_MouseClick(sender, e)

        /// <summary>
        /// 티차트 마우스 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void tChart_MouseClick(object sender, MouseEventArgs e)
        {
            // Legend 영역이 아닌 경우 모두 원상태로 돌리기
            int index = this.tChart.Legend.Clicked(e.X, e.Y);

            if(index == -1)
            {
                for(int i = 0; i < this.tChart.Series.Count; i++)
                {
                    this.tChart[i].Transparency = 0;
                }
            }
        }

        #endregion
     }
}

using Steema.TeeChart.Styles;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

for(int i = 0; i < 10; i++)

{

Points points = new Points(this.tChart.Chart);

points.FillSampleValues(20);

}

this.tChart.ClickLegend += tChart_ClickLegend;

this.tChart.MouseClick += tChart_MouseClick;

}

#endregion

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

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

#region 티차트 레전드 클릭시 처리하기 - tChart_ClickLegend(sender, e)

/// <summary>

/// 티차트 레전드 클릭시 처리하기

/// </summary>

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

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

private void tChart_ClickLegend(object sender, MouseEventArgs e)

{

// .NET6 버그 처리

double legendItemHeight = (double)this.tChart.Legend.Height / (double)this.tChart.Series.Count;

int heightOffset = this.tChart.Legend.Height - (this.tChart.Legend.Height - (e.Y - this.tChart.Legend.Top));

int index = (int)((double)heightOffset / legendItemHeight);

// .NET FRAMEWORK의 경우

//int index = this.tChart.Legend.Clicked(e.X, e.Y);

if(index > -1)

{

for(int i = 0; i < this.tChart.Series.Count; i++)

{

this.tChart[i].Transparency = 0;

if(i != index)

{

// 선택되지 않은 항목 반투명하게 처리한다.

this.tChart[i].Transparency = 70;

}

#endregion

#region 티차트 마우스 클릭시 처리하기 - tChart_MouseClick(sender, e)

/// <summary>

/// 티차트 마우스 클릭시 처리하기

/// </summary>

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

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

private void tChart_MouseClick(object sender, MouseEventArgs e)

{

// Legend 영역이 아닌 경우 모두 원상태로 돌리기

int index = this.tChart.Legend.Clicked(e.X, e.Y);

if(index == -1)

{

for(int i = 0; i < this.tChart.Series.Count; i++)

{

this.tChart[i].Transparency = 0;

}

#endregion

}

TestProject.zip

[C#/WINUI3/COMMUNITY TOOLKIT/.NET6] MarkdownTextBlock 클래스 : Measure 메소드를 사용해 문서 크기를 컨트롤 크기로 설정하기

■ MarkdownTextBlock 클래스의 Measure 메소드를 사용해 문서 크기를 컨트롤 크기로 설정하는 방법을 보여준다. ▶ 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"
    xmlns:control="using:CommunityToolkit.WinUI.UI.Controls"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid
        Margin="10"
        Background="DarkGray">
        <control:MarkdownTextBlock x:Name="markdownTextBlock"
            Background="White"
            Padding="10" />
    </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"

xmlns:control="using:CommunityToolkit.WinUI.UI.Controls"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid

Margin="10"

Background="DarkGray">

<control:MarkdownTextBlock x:Name="markdownTextBlock"

Background="White"

Padding="10" />

</Grid>

</Page>

▶ MainPage.xaml.cs


using Windows.Foundation;

using Microsoft.UI.Xaml.Controls;

namespace TestProject;

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

    #region 생성자 - MainPage()

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

        string markdownContent = @"
# 제목

이것은 **Markdown** 문서입니다.

- 목록 항목 1
- 목록 항목 2
- 목록 항목 3

```csharp
// 코드 블록 예제
Console.WriteLine(""Hello, World!"");
```
";

        this.markdownTextBlock.Text = markdownContent;

        this.markdownTextBlock.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity));

        this.markdownTextBlock.Width  = markdownTextBlock.DesiredSize.Width + 20;
        this.markdownTextBlock.Height = markdownTextBlock.DesiredSize.Height;
    }

    #endregion
}

using Windows.Foundation;

using Microsoft.UI.Xaml.Controls;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

string markdownContent = @"

# 제목

이것은 **Markdown** 문서입니다.

- 목록 항목 1

- 목록 항목 2

- 목록 항목 3

```csharp

// 코드 블록 예제

Console.WriteLine(""Hello, World!"");

```

this.markdownTextBlock.Text = markdownContent;

this.markdownTextBlock.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity));

this.markdownTextBlock.Width = markdownTextBlock.DesiredSize.Width + 20;

this.markdownTextBlock.Height = markdownTextBlock.DesiredSize.Height;

}

#endregion

}

TestProject.zip

[C#/WINUI3/COMMUNITY TOOLKIT/.NET6] MarkdownTextBlock 클래스 : 마크다운 표시하기

■ MarkdownTextBlock 클래스를 사용해 마크다운을 표시하는 방법을 보여준다. ▶ 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"
    xmlns:control="using:CommunityToolkit.WinUI.UI.Controls"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid
        Margin="10"
        Background="DarkGray">
        <control:MarkdownTextBlock x:Name="markdownTextBlock"
            Background="White"
            Padding="10" />
    </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"

xmlns:control="using:CommunityToolkit.WinUI.UI.Controls"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid

Margin="10"

Background="DarkGray">

<control:MarkdownTextBlock x:Name="markdownTextBlock"

Background="White"

Padding="10" />

</Grid>

</Page>

▶ MainPage.xaml.cs


using Microsoft.UI.Xaml.Controls;

namespace TestProject;

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

    #region 생성자 - MainPage()

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

        string markdownContent = @"
# 제목

이것은 **Markdown** 문서입니다.

- 목록 항목 1
- 목록 항목 2
- 목록 항목 3

```csharp
// 코드 블록 예제
Console.WriteLine(""Hello, World!"");
```
";

        this.markdownTextBlock.Text = markdownContent;
    }

    #endregion
}

using Microsoft.UI.Xaml.Controls;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

string markdownContent = @"

# 제목

이것은 **Markdown** 문서입니다.

- 목록 항목 1

- 목록 항목 2

- 목록 항목 3

```csharp

// 코드 블록 예제

Console.WriteLine(""Hello, World!"");

```

this.markdownTextBlock.Text = markdownContent;

}

#endregion

}

TestProject.zip

[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

[C#/WINUI3/.NET6] NumberBox 클래스 : NumberFormatter 속성을 사용해 특정 값 단위로 반올림하는 포맷 설정하기

■ NumberBox 클래스의 NumberFormatter 속성을 사용해 특정 값 단위로 반올림하는 포맷을 설정하는 방법을 보여준다. ▶ 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">
    <NumberBox Name="numberBox"
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Header="Enter a dollar amount : "
        PlaceholderText="0.00" />
</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">

<NumberBox Name="numberBox"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Header="Enter a dollar amount : "

PlaceholderText="0.00" />

</Page>

▶ MainPage.xaml.cs


using Windows.Globalization.NumberFormatting;

using Microsoft.UI.Xaml.Controls;

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

        #region 생성자 - MainPage()

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

            IncrementNumberRounder incrementNumberRounder = new IncrementNumberRounder
            {
                Increment         = 0.25,
                RoundingAlgorithm = RoundingAlgorithm.RoundHalfUp
            };

            DecimalFormatter decimalFormatter = new DecimalFormatter
            {
                IntegerDigits  = 1,
                FractionDigits = 2,
                NumberRounder  = incrementNumberRounder
            };

            this.numberBox.NumberFormatter = decimalFormatter;
        }

        #endregion
    }
}

using Windows.Globalization.NumberFormatting;

using Microsoft.UI.Xaml.Controls;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

IncrementNumberRounder incrementNumberRounder = new IncrementNumberRounder

{

Increment = 0.25,

RoundingAlgorithm = RoundingAlgorithm.RoundHalfUp

};

DecimalFormatter decimalFormatter = new DecimalFormatter

{

IntegerDigits = 1,

FractionDigits = 2,

NumberRounder = incrementNumberRounder

};

this.numberBox.NumberFormatter = decimalFormatter;

}

#endregion

}

TestProject.zip

[C#/COMMON/.NET6] Directory 클래스 : EnumerateFiles 정적 메소드에서 특정 파일 확장자를 갖는 파일 목록 구하기

■ Directory 클래스의 EnumerateFiles 정적 메소드에서 특정 파일 확장자를 갖는 파일 목록을 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


IEnumerable<string> fileEnumerable = Directory.EnumerateFiles("D:\\temp", "*.*", SearchOption.AllDirectories).Where(s => s.EndsWith(".jpg") || s.EndsWith(".png"));

IEnumerable<string> fileEnumerable = Directory.EnumerateFiles("D:\\temp", "*.*", SearchOption.AllDirectories).Where(s => s.EndsWith(".jpg") || s.EndsWith(".png"));

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

■ NumberBox 엘리먼트의 SpinButtonPlacementMode 속성을 사용하는 방법을 보여준다. ▶ 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>
        <NumberBox Name="numberBox" Grid.Column="0"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Header="Enter an integer :"
            SpinButtonPlacementMode="Compact"
            SmallChange="10"
            LargeChange="100"
            Value="10" />
        <RadioButtons Grid.Column="2"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Header="SpinButton placement">
            <RadioButton Name="inlineRadioButton"
                Tag="Inline"
                Content="Inline" />
            <RadioButton Name="compactRadioButton"
                Tag="Compact"
                Content="Compact"
                Checked="radioButton_Checked" />
        </RadioButtons>
    </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>

<NumberBox Name="numberBox" Grid.Column="0"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Header="Enter an integer :"

SpinButtonPlacementMode="Compact"

SmallChange="10"

LargeChange="100"

Value="10" />

<RadioButtons Grid.Column="2"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Header="SpinButton placement">

<RadioButton Name="inlineRadioButton"

Tag="Inline"

Content="Inline" />

<RadioButton Name="compactRadioButton"

Tag="Compact"

Content="Compact"

Checked="radioButton_Checked" />

</RadioButtons>

</Grid>

</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.inlineRadioButton.Checked  += radioButton_Checked;
            this.compactRadioButton.Checked += radioButton_Checked;

            this.compactRadioButton.IsChecked = true;
        }

        #endregion

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

        #region 라디오 버튼 체크시 처리하기 - radioButton_Checked(sender, e)

        /// <summary>
        /// 라디오 버튼 체크시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void radioButton_Checked(object sender, RoutedEventArgs e)
        {
            if(sender is RadioButton radioButton && this.numberBox != null)
            {
                string spinButtonPlacementModeName = radioButton.Tag.ToString();

                switch(spinButtonPlacementModeName)
                {
                    case "Inline"  : this.numberBox.SpinButtonPlacementMode = NumberBoxSpinButtonPlacementMode.Inline;  break;
                    case "Compact" : this.numberBox.SpinButtonPlacementMode = NumberBoxSpinButtonPlacementMode.Compact; break;
                }
            }
        }

        #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.inlineRadioButton.Checked += radioButton_Checked;

this.compactRadioButton.Checked += radioButton_Checked;

this.compactRadioButton.IsChecked = true;

}

#endregion

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

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

#region 라디오 버튼 체크시 처리하기 - radioButton_Checked(sender, e)

/// <summary>

/// 라디오 버튼 체크시 처리하기

/// </summary>

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

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

private void radioButton_Checked(object sender, RoutedEventArgs e)

{

if(sender is RadioButton radioButton && this.numberBox != null)

{

string spinButtonPlacementModeName = radioButton.Tag.ToString();

switch(spinButtonPlacementModeName)

{

case "Inline" : this.numberBox.SpinButtonPlacementMode = NumberBoxSpinButtonPlacementMode.Inline; break;

case "Compact" : this.numberBox.SpinButtonPlacementMode = NumberBoxSpinButtonPlacementMode.Compact; break;

}

#endregion

}

TestProject.zip

[C#/WINUI3/.NET6] NumberBox 엘리먼트 : AcceptsExpression 속성을 사용해 수식 평가하기

■ NumberBox 엘리먼트의 AcceptsExpression 속성을 사용해 수식을 평가하는 방법을 보여준다. ▶ 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">
    <NumberBox
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Header="Enter an expression :"
        PlaceholderText="1 + 2^2"
        AcceptsExpression="True"
        Value="NaN" />
</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">

<NumberBox

HorizontalAlignment="Center"

VerticalAlignment="Center"

Header="Enter an expression :"

PlaceholderText="1 + 2^2"

AcceptsExpression="True"

Value="NaN" />

</Page>

TestProject.zip