方法: GridSplitter を表示されるようにする

この例では、Grid 内の他のコントロールによって GridSplitter コントロールが非表示にされていないことを確認する方法を示します。

例

Grid コントロールの Children は、マークアップまたはコードで定義されている順序で表示されます。 GridSplitter コントロールは、Children コレクション内の最後の要素として定義されていない場合、またはより高い ZIndexProperty が他のコントロールに指定されている場合に、他のコントロールによって非表示にすることができます。

GridSplitter コントロールが非表示にされないようにするには、次のいずれかの操作を行います。

• GridSplitter コントロールが Grid に追加された最後の Children であることを確認します。 次の例では、Grid の Children コレクション内の最後の要素として GridSplitter が示されています。

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

• GridSplitter の ZIndexProperty を、非表示にされないよう、コントロールよりも高く設定します。 次の例では、Button コントロールよりも高い ZIndexProperty が GridSplitter コントロールに設定されています。

<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
• 方法トピック