XAML StackPanel을

Question

으로 나눠서 XAML에서 StackPanel 컨트롤 (또는 일반적으로 모든 컨테이너) 행과 행을 구분할 수 있습니까? 마치 체스 판처럼 보입니다. 또한 사용자가 창 크기를 조정하면 패널의 크기도 조정됩니다.

Answer 1

선을 그립니다 Panels 내장의 하나는 그것에 GridShowGridLines="True"로 설정되어 있지만 그린 라인이 변경 정말 디버깅 목적으로 만 좋은 수 없습니다 단지 종류의 추한 점선입니다.

자신 만의 선을 그리려면 전체 레이아웃을 가로 지르도록하려면 각 칸이나 각 행 또는 열에 동일한 테두리를 추가하면됩니다.

<ItemsControl ItemsSource="{Binding ListOf64Items}"> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <Border BorderBrush="Gray" BorderThickness="1"/> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <UniformGrid Rows="8" Columns="8"/> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
</ItemsControl> 

: 당신이 입력 저장하고 라인을위한 템플릿으로 일부 64 항목의 컬렉션에 바인딩 ItemsControl에 사용할 수 있습니다 전체 보드를 들어

<UniformGrid Rows="2" Columns="2"> 
    <Border BorderBrush="Gray" BorderThickness="1" /> 
    <Border BorderBrush="Gray" BorderThickness="1" /> 
    <Border BorderBrush="Gray" BorderThickness="1" /> 
    <Border BorderBrush="Gray" BorderThickness="1" /> 
</UniformGrid> 

: 체스 판 레이아웃을 수행하는 가장 쉬운 방법은 UniformGrid 함께

그리드에서 원하는 항목에 따라 다양한 변형이 가능합니다.