Nasıl yapılır: GridSplitter ile Sütunları Yeniden Boyutlandırma
Bu örnek GridSplitterGrid , içindeki boyutlarını değiştirmeden, içindeki iki sütun arasındaki boşluğu yeniden dağıtmak için nasıl dikey oluşturulacağını gösterir Grid .
Örnek
Bir sütunun kenarını kaplayan bir GridSplitter oluşturma
GridSplitterİçindeki bitişik sütunları yeniden boyutlandırılan bir öğesini belirtmek için Grid , Column ekli özelliği yeniden boyutlandırmak istediğiniz sütunlardan birine ayarlayın. Birden Grid fazla satırınız varsa, RowSpan ekli özelliği satır sayısına ayarlayın. Sonra HorizontalAlignment özelliği veya olarak ayarlayın LeftRight (hangi hizalama, yeniden boyutlandırmak istediğiniz iki sütuna bağlıdır). Son olarak, VerticalAlignment özelliğini olarak ayarlayın Stretch .
<GridSplitter Grid.Column="1"
Grid.RowSpan="3"
HorizontalAlignment="Left"
VerticalAlignment="Stretch"
Background="Black"
ShowsPreview="true"
Width="5"/>
GridSplitterKendi sütunu olmayan bir, içindeki diğer denetimler tarafından görünmeyebilir Grid . Bu sorunu engelleme hakkında daha fazla bilgi için bkz. GridSplitter 'ın görünür olduğundan emin olun.
Bir sütunu kaplayan GridSplitter oluşturma
İçindeki bir sütunu kaplayan bir belirtmek için GridSplitterGrid , Column ekli özelliği yeniden boyutlandırmak istediğiniz sütunlardan birine ayarlayın. Kılavuzunuzda birden fazla satır varsa, RowSpan ekli özelliği satır sayısına ayarlayın. Sonra öğesini HorizontalAlignment olarak ayarlayın Center , özelliğini olarak ayarlayın VerticalAlignmentStretch ve ' ı Width içeren sütunun öğesini ayarlayın GridSplitterAuto .
Aşağıdaki örnek, GridSplitter bir sütunu kaplayan ve bu iki taraftaki sütunları yeniden boyutlandırdığınız dikey bir dikey tanımlama gösterir.
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto" />
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<GridSplitter Grid.Column="1"
HorizontalAlignment="Center"
VerticalAlignment="Stretch"
Background="Black"
ShowsPreview="True"
Width="5"
/>