wpf - 我们可以移动 Grid Splitter On Left 就像我们在 wpf 中单击按钮时拖动它一样吗？

Question

    <Grid>
    <StackPanel>
        <StackPanel Orientation="Horizontal">
            <Button Content="◄" HorizontalAlignment="Left"  VerticalAlignment="Top"/>
    <Button Content="►" HorizontalAlignment="Right"  VerticalAlignment="Top"/>
    </StackPanel>

    <Grid Height="245">

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <!--Declaring Label-->
            <DockPanel LastChildFill="False" Background="Yellow">
        <Label Content="Left" Grid.Column="0" DockPanel.Dock="Left" />
    </DockPanel>
    <!--Splitter Code-->
    <GridSplitter HorizontalAlignment="Right" VerticalAlignment="Stretch" Grid.Column="1" ResizeDirection="Columns" 
                  Background="Black" ResizeBehavior="PreviousAndNext" Width="10"/>
    <!--Declaring Label-->
    <Label Content="Right" Grid.Column="2" Background="Pink"/>
   </Grid>
    </StackPanel>
</Grid>

我想在单击按钮时拖动 Grid Splitter。我尝试了 Double Animation.StoryBoard，它适用于网格但不适用于网格拆分器。

[] 1

Answer 1

您必须调整网格列的大小，而不是 gridsplitter。

private void BtnLeft_Click(object sender, RoutedEventArgs e)
{
    MyGrid.ColumnDefinitions[0].Width = new GridLength(100);
}

<Grid x:Name="MyGrid">
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>

    <Label Content="Left" Background="LightBlue" />
    <GridSplitter Grid.Column="1" Width="10" ResizeBehavior="PreviousAndNext" />
    <Label Content="Right" Background="LightGoldenrodYellow" Grid.Column="2" />

    <Button Content="Left"  HorizontalAlignment="Left" VerticalAlignment="Top" Click="BtnLeft_Click" />
</Grid>