"레이아웃 과정"이라는 용어는 Panel 파생 개체의 자식 컬렉션에 속한 멤버를 측정 및 정렬한 다음 화면에 그리는 프로세스를 말합니다. 레이아웃 과정은 많은 계산이 요구되는 프로세스이며 컬렉션의 자식 수가 많을수록 더 많은 수의 계산이 필요합니다. 예를 들어 컬렉션의 자식 UIElement 개체가 해당 위치를 변경할 때마다 레이아웃 시스템에 의한 새 처리 과정이 트리거될 수 있습니다. 개체 특성과 레이아웃 동작 간의 긴밀한 관계로 인해 레이아웃 시스템을 호출하는 이벤트의 형식을 이해하는 것이 중요합니다. 레이아웃 과정의 불필요한 호출을 가능한 많이 줄이면 응용 프로그램의 성능이 향상됩니다.

레이아웃 시스템은 컬렉션의 각 자식 멤버에 대해 두 개의 과정인 측정 과정 및 정렬 과정을 수행합니다. 각 자식 개체는 고유한 특정 레이아웃 동작을 제공하기 위해 Measure 및 Arrange 메서드의 재정의된 고유한 구현을 제공합니다. 가장 간단한 레이아웃은 화면에서 크기 조정, 배치 및 그리기를 수행할 요소가 되는 재귀 시스템입니다.

• 자식 UIElement 개체는 먼저 핵심 속성이 측정되도록 하여 레이아웃 프로세스를 시작합니다.

• Width, Height 및 Margin과 같은 크기와 관련된 개체의 FrameworkElement 속성이 평가됩니다.

• DockPanel의 Dock 속성 또는 StackPanel의 Orientation 속성과 같은 Panel 관련 논리가 적용됩니다.

• 모든 자식 개체가 측정된 후 콘텐츠가 정렬 또는 배치됩니다.

• 자식 개체의 컬렉션이 화면에 그려집니다.

다음 작업 중 하나가 발생할 경우 레이아웃 과정 프로세스가 다시 호출됩니다.

• 자식 개체가 컬렉션에 추가될 경우

• LayoutTransform이 자식 개체에 적용될 경우

• UpdateLayout 메서드가 자식 개체에 대해 호출될 경우

• 측정 또는 정렬 과정에 영향을 주는 메타데이터로 표시된 종속성 속성의 값에 변경이 발생할 경우

가능한 가장 효율적인 패널 사용

RenderTransform을 대체하는 대신 업데이트

하향식 트리 빌드

private void OnBuildTreeTopDown(object sender, RoutedEventArgs e)
{
    TextBlock textBlock = new TextBlock();
    textBlock.Text = "Default";

    DockPanel parentPanel = new DockPanel();
    DockPanel childPanel;

    myCanvas.Children.Add(parentPanel);
    myCanvas.Children.Add(textBlock);

    for (int i = 0; i < 150; i++)
    {
        textBlock = new TextBlock();
        textBlock.Text = "Default";
        parentPanel.Children.Add(textBlock);

        childPanel = new DockPanel();
        parentPanel.Children.Add(childPanel);
        parentPanel = childPanel;
    }
}

개념