[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