Поделиться через


Как сделать так, чтобы разделитель сетки был виден

В этом примере показано, как убедиться, что элемент управления GridSplitter не скрыт другими элементами управления в Grid.

Пример

Children элемента управления Grid отображаются в том порядке, в котором они определены в разметке или коде. GridSplitter элементы управления могут быть скрыты другими элементами управления, если они не определены последними элементами в коллекции Children или если другие элементы управления имеют более высокий ZIndexProperty.

Чтобы предотвратить скрытые элементы управления GridSplitter, выполните одно из следующих действий.

  • Убедитесь, что элементы управления GridSplitter являются последними Children, добавленными в Grid. В следующем примере показан GridSplitter в качестве последнего элемента в коллекции ChildrenGrid.
<Grid>
  <Grid.ColumnDefinitions>
    <ColumnDefinition/>
    <ColumnDefinition/>
  </Grid.ColumnDefinitions>
  <Button Grid.Column="0"/>
  <GridSplitter Grid.Column ="0" Background="Blue"/>
</Grid>
  • Установите значение ZIndexProperty на GridSplitter выше, чем у элемента управления, который в противном случае скрывал бы его. В следующем примере элемент управления GridSplitter имеет более высокий ZIndexProperty, чем элемент управления Button.
<Grid>
  <Grid.ColumnDefinitions>
    <ColumnDefinition/>
    <ColumnDefinition/>
  </Grid.ColumnDefinitions>
  <GridSplitter Grid.Column="0" Background="Blue"
                Panel.ZIndex="1"/>
  <Button Grid.Column="0"/>
</Grid>
  • Установите такие отступы в элементе управления, которые в противном случае скрывают GridSplitter, чтобы GridSplitter стал видимым. В следующем примере устанавливаются отступы для элемента управления, который иначе был бы наложен и скрывал GridSplitter.
<Grid>
  <Grid.ColumnDefinitions>
    <ColumnDefinition/>
    <ColumnDefinition/>
  </Grid.ColumnDefinitions>
  <GridSplitter Grid.Column ="0" Background="Blue"/>
  <Button Grid.Column="0" Margin="0,0,5,0"/>
</Grid>

См. также