WPF Grid Показать / Скрыть столбец - PullRequest
Новая
       10

WPF Grid Показать / Скрыть столбец

2 голосов
/ 15 января 2010

У меня есть следующий макет в моей сетке 

<Grid>
    <Grid.RowDefinitions >
        <RowDefinition Height="50" />
        <RowDefinition />
    </Grid.RowDefinitions>
    <Button Click="Button_Click"  Grid.Row="0" Width="50" Grid.Column="2" Content="Test" />
    <Grid Grid.Row="1">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="120" />
        <ColumnDefinition  />
        <ColumnDefinition Width="Auto"  />
    </Grid.ColumnDefinitions>
    <StackPanel Grid.Column="0" Grid.Row="1" Background="red" />
    <StackPanel Grid.Column="1" Grid.Row="1" Background="Blue" />
    <GridSplitter x:Name="gs"  Grid.Column="1" Grid.Row="1" Width="10" />
    <StackPanel x:Name="green" MinWidth="100" Grid.Column="2" Grid.Row="1" Background="Green" />
   </Grid>
</Grid>

По сути, я хочу эту раскладку при нажатии кнопки: 

   <StackPanel Grid.Column="0" Grid.Row="1" Background="red" />
    <StackPanel Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="1" Background="Blue" />
    <!--<GridSplitter x:Name="gs"  Grid.Column="1" Grid.Row="1" Width="10" />
    <StackPanel x:Name="green" MinWidth="100" Grid.Column="2" Grid.Row="1" Background="Green" />-->

А это раскладка при повторном нажатии кнопки: 

    <StackPanel Grid.Column="0" Grid.Row="1" Background="red" />
    <StackPanel Grid.Column="1" Grid.ColumnSpan="1" Grid.Row="1" Background="Blue" />
    <GridSplitter x:Name="gs"  Grid.Column="1" Grid.Row="1" Width="10" />
    <StackPanel x:Name="green" MinWidth="100" Grid.Column="2" Grid.Row="1" Background="Green" />

Как сделать так, чтобы гридсплиттер и последняя панель исчезли, и чтобы панель в средней колонке заняла свое место? (и наоборот) Есть ли способ изменить диапазон столбцов во время выполнения?

Спасибо!

1 Ответ

1 голос
/ 15 января 2010

Вы можете использовать триггеры или раскадровку / анимацию огня, когда вы нажимаете кнопку.

ты хочешь сделать что-то подобное ..... 

<Window.Resources>

        <Storyboard x:Key="OnClick1">
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="gs" Storyboard.TargetProperty="(FrameworkElement.Width)">
                <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="green" Storyboard.TargetProperty="(FrameworkElement.MinWidth)">
                <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

    </Window.Resources>
    <Window.Triggers>
        <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="button">
            <BeginStoryboard Storyboard="{StaticResource OnClick1}"/>
        </EventTrigger>
    </Window.Triggers>

Чтобы отменить эту анимацию, вы должны использовать что-то для поддержания состояния, например, использовать ToggleButton и ToggleButton.Checked && ToggleButton.Unchecked перенаправленные события. Или добавьте свойство зависимостей в свой код, поддерживающее состояние.

Я думаю, что основная проблема заключается в том, чтобы не забыть изменить атрибут MinWidth. MinWidth переопределит фактическую ширину.

...