■ RichTextBlock 클래스의 TextHighlighters 속성을 사용해 하이라이트를 설정하는 방법을 보여준다.
▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<?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> |
▶ MainPage.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
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 } } |
