Gewusst wie: Sicherstellen, dass ein GridSplitter sichtbar ist
In diesem Beispiel wird erläutert, wie Sie sicherstellen, dass ein GridSplitter-Steuerelement nicht von anderen Steuerelementen in einem Grid verdeckt wird.
Beispiel
Die Children-Eigenschaften eines Grid-Elements werden in der Reihenfolge gerendert, in der sie im Markup oder im Code definiert sind. GridSplitter-Steuerelemente können von anderen Steuerelementen ausgeblendet werden, wenn Sie sie nicht in der Children-Auflistung als letzte Elemente definieren, oder wenn Sie anderen Steuerelementen einen höheren ZIndexProperty-Wert geben.
Um zu verhindern, dass GridSplitter-Steuerelemente verdeckt werden, führen Sie einen der folgenden Schritte aus.
- Stellen Sie sicher, dass GridSplitter-Steuerelemente als letzte Children zum Grid hinzugefügt werden. Im folgenden Beispiel wird der GridSplitter als letztes Element in der Children-Auflistung vom Grid dargestellt.
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Button Grid.Column="0"/>
<GridSplitter Grid.Column ="0" Background="Blue"/>
</Grid>
- Legen Sie den Wert für ZIndexProperty des GridSplitter höher als den Wert für ein Steuerelement fest, das es andernfalls verdecken würde. Im folgenden Beispiel wird dem GridSplitter-Steuerelement eine höhere ZIndexProperty als dem Button-Steuerelement zugewiesen.
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<GridSplitter Grid.Column="0" Background="Blue"
Panel.ZIndex="1"/>
<Button Grid.Column="0"/>
</Grid>
- Legen Sie Ränder für das Steuerelement fest, das andernfalls den GridSplitter verdecken würde, sodass der GridSplitter angezeigt wird. Im folgenden Beispiel werden Ränder für ein Steuerelement festgelegt, das sich andernfalls mit dem GridSplitter überlappen und diesen ausblenden würde.
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<GridSplitter Grid.Column ="0" Background="Blue"/>
<Button Grid.Column="0" Margin="0,0,5,0"/>
</Grid>