WPF(XAML) - Layout Class

Grid

• Table형태(열&행)로 구성할 수 있음. 
• <Grid></Grid>내부에 들어가는 Control에는 Grid.Column 과 Grid.Row의 값을 지정하여 위치를 지정함. (0부터 시작), Default=0:
• Column / Row의 Width /Height는 지정값, auto (해당위치에 Content가 없을경우 → null) , *(비율)로 지정한다.
• ColumnSpan/RowSpan으로 Cell을 Merge할 수 있음

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="2*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="80"/>
        <ColumnDefinition Width="auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Label Grid.Column="1" Grid.Row="0" Width="200" Background="AntiqueWhite" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content="Row 0 / Column 0"/>
    <Label Grid.Column="0" Grid.Row="0" Grid.RowSpan="2" Background="#FFFF9090" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content=" Rowspan=2" />
    <Label Grid.Column="1" Grid.Row="1" Grid.ColumnSpan="2" Background="Aquamarine" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content="Row 1 / Column 1 , ColumnSpan=2" />
</Grid>

StackPanel

• Content를 쌓는 형태의 Panel (Stack= 쌓다)
• Orientation=”Horizontal/Vertical”속성으로 쌓는 정렬을 설정
  
• FlowDirection=”RightToLeft/LeftToRight”속성으로 쌓는 방향을 설정한다

 

WrapPanel

• 여유공간이 부족해지기 전까지는 StackPanel과 비슷하나, 여유공간이 부족해지면 다음줄로 Content를 이동시킴
• Orientation=”Horizontal/Vertical”속성으로 쌓는 정렬을 설정

DockPanel

• Panel내에 Content를 순차적으로 고정함
• ChildElement에 DockPanel.Dock=”Top/Bottom/Left/Right”로 위치를 지정함
  
• LastChildFill=”True/False”로 Panel을 가득 채울지를 설정함

Canvas

• 절대값으로 크기나 지점을 지정할 수 있음
• 반응형에 최적화되지 않음
• ChildElement에 Canvas.Top/Bottom/Left/Right=”Value”로 Canvas내부 margin으로 위치를 지정함

ToolBar

• Tool 과 관련된 기능을 명령하는 Control의 그룹화하는 Container  역할을 Control, 
• 영역 내부의 Control이 영역보다 많은경우 Overflow메커니즘을 제공함.
  

ToolBar의 구조

• Grid
  └ ToolBarPanel
  └ Grid
        └Togglebutton (영역을 넘어간 Tool들을 확장하기 위한 버튼)
        └ Popup
              └ Border
                    └ ToolBarOverflowPanel (영역을 넘어가는 Tool들)