如何：确保 GridSplitter 可见

此示例演示如何确保 GridSplitter 控件不会被 Grid 中的其他控件隐藏。

示例

Grid 控件的 Children 按标记或代码中定义的顺序呈现。 如果不将 GridSplitter 控件定义为 Children 集合中的最后一个元素，或者为其他控件指定了更高的 ZIndexProperty，那么其他控件可能会隐藏该控件。

为防止隐藏 GridSplitter 控件，请执行下列任一操作。

• 确保 GridSplitter 控件是添加到 Grid 的最后一个 Children。 以下示例将 GridSplitter 显示为 Grid 的 Children 集合中的最后一个元素。

<Grid>
  <Grid.ColumnDefinitions>
    <ColumnDefinition/>
    <ColumnDefinition/>
  </Grid.ColumnDefinitions>
  <Button Grid.Column="0"/>
  <GridSplitter Grid.Column ="0" Background="Blue"/>
</Grid>

• 将 GridSplitter 的 ZIndexProperty 设置为高于可能会隐藏它的控件。 以下示例为 GridSplitter 控件提供高于 Button 控件的 ZIndexProperty。

<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>

另请参阅

• GridSplitter
• 操作指南主题