[C#/WINUI2.5] RichTextBlockOverflow 엘리먼트 사용하기

■ RichTextBlockOverflow 엘리먼트를 사용하는 방법을 보여준다.

▶ MainPage.xaml


<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="50">
        <Grid Height="400">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <RichTextBlock Grid.Column="0"
                Margin="10 0"
                OverflowContentTarget="{x:Bind firstRichTextBlockOverflow}"
                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="firstRichTextBlockOverflow" Grid.Column="1"
                Margin="10 0"
                OverflowContentTarget="{x:Bind secondRichTextBlockOverflow}" />
            <RichTextBlockOverflow Name="secondRichTextBlockOverflow" Grid.Column="2"
                Margin="10 0" />
        </Grid>
    </Grid>
</Page>

<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 Grid.Column="0"

Margin="10 0"

OverflowContentTarget="{x:Bind firstRichTextBlockOverflow}"

TextAlignment="Justify">

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>

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="firstRichTextBlockOverflow" Grid.Column="1"

Margin="10 0"

OverflowContentTarget="{x:Bind secondRichTextBlockOverflow}" />

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

Margin="10 0" />

</Grid>

</Page>

▶ MainPage.xaml.cs


using Windows.Foundation;
using Windows.Graphics.Display;
using Windows.UI.ViewManagement;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

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

        #region 생성자 - MainPage()

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

            #region 윈도우 크기를 설정한다.

            double width  = 800d;
            double height = 600d;

            double dpi = (double)DisplayInformation.GetForCurrentView().LogicalDpi;

            ApplicationView.PreferredLaunchWindowingMode = ApplicationViewWindowingMode.PreferredLaunchViewSize;

            Size windowSize = new Size(width * 96d / dpi, height * 96d / dpi);

            ApplicationView.PreferredLaunchViewSize = windowSize;

            Window.Current.Activate();

            ApplicationView.GetForCurrentView().TryResizeView(windowSize);

            #endregion
            #region 윈도우 제목을 설정한다.

            ApplicationView.GetForCurrentView().Title = "RichTextBlockOverflow 엘리먼트 사용하기";

            #endregion
        }

        #endregion

    }
}

using Windows.Foundation;

using Windows.Graphics.Display;

using Windows.UI.ViewManagement;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

#region 윈도우 크기를 설정한다.

double width = 800d;

double height = 600d;

double dpi = (double)DisplayInformation.GetForCurrentView().LogicalDpi;

ApplicationView.PreferredLaunchWindowingMode = ApplicationViewWindowingMode.PreferredLaunchViewSize;

Size windowSize = new Size(width * 96d / dpi, height * 96d / dpi);

ApplicationView.PreferredLaunchViewSize = windowSize;

Window.Current.Activate();

ApplicationView.GetForCurrentView().TryResizeView(windowSize);

#endregion

#region 윈도우 제목을 설정한다.

ApplicationView.GetForCurrentView().Title = "RichTextBlockOverflow 엘리먼트 사용하기";

#endregion

}

#endregion

}

TestProject.zip