切换按钮和垂直网格拆分器无法同时工作

Question

这是我的示例代码，请帮助我同时实现两个目标Image在单击时，切换按钮折叠以及可见的列和垂直拆分按钮。

在下图中。首先添加切换按钮，第一列包含两列。它包含的第二个子列是折叠或基于切换按钮单击禁用的子列。并且Spltter正在外部两个主要专栏上工作，请尽快帮助我

<Window.Resources>
    <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter" />
</Window.Resources>
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition Width="5"/>
        <ColumnDefinition  />
    </Grid.ColumnDefinitions>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="40" />
            <ColumnDefinition Width="300"/>                
        </Grid.ColumnDefinitions>
        <Border Background="Green"
                Grid.Column="0">
            <Grid Grid.Column="1"
                  Visibility="{Binding IsChecked, ElementName=toggleButton, Converter={StaticResource BooleanToVisibilityConverter}}">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="40"/>
                    <ColumnDefinition  Width="300" />
                </Grid.ColumnDefinitions>

                <WrapPanel Grid.Column="1"
                           Background="Aqua" />
            </Grid>
        </Border>
        <ToggleButton x:Name="toggleButton"
                      Width="30"
                      Height="30"
                      Margin="0,10,10,0"
                      IsChecked="True"
                      HorizontalAlignment="Left"
                      VerticalAlignment="Top" />
    </Grid>

    <GridSplitter Width="5"
                  Grid.Column="1"
                  ResizeBehavior="CurrentAndNext" />
    <Grid Grid.Column="2"></Grid>

</Grid>

Answer 1

通过阅读您的问题，我相信这就是您要实现的目标。如果我对您的理解不正确，请告诉我。

        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="40" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="5" />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <Border
                Grid.Column="0"
                Background="Green">
                <ToggleButton x:Name="toggleButton"
                    Width="30"
                    Height="30"
                    Margin="0,10,10,0"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Top"
                    IsChecked="True" />
            </Border>
            <Grid
                Grid.Column="1"
                MaxWidth="300"
                Visibility="{Binding ElementName=toggleButton, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}">
                <WrapPanel Background="Aqua">
                    <TextBlock
                        Margin="8"
                        Text="Item 01" />
                    <TextBlock
                        Margin="8"
                        Text="Item 02" />
                    <TextBlock
                        Margin="8"
                        Text="Item 03" />
                    <TextBlock
                        Margin="8"
                        Text="Item 04" />
                    <TextBlock
                        Margin="8"
                        Text="Item 05" />
                </WrapPanel>
            </Grid>
            <GridSplitter
                Grid.Column="1"
                Width="5"
                Visibility="{Binding ElementName=toggleButton, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}" />
            <Grid Grid.Column="3">
                <TextBlock
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Text="Column 2" />
            </Grid>
        </Grid>