WPF GridSplitter после изменения размера - PullRequest
Новая
       8

WPF GridSplitter после изменения размера

6 голосов
/ 10 мая 2011

Как только Gridsplitter используется для изменения размера сетки, строка * не будет восстанавливать пространство, когда другие строки свернуты.

У меня есть следующая сетка в главном детальном виде с тремя строками.Сетка данных сверху разделителя в середине и представление управления контентом в последней строке.Сплиттер имеет кнопку закрытия, чтобы свернуть детали.Все это работает за исключением того, что, как только пользователь изменяет размеры с помощью gridsplitter. 

    <Grid Margin="3,0">
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Style="{StaticResource CollapsableRow}"/><!-- Splitter Here -->
        <RowDefinition Style="{StaticResource CollapsableRow}"/>
    </Grid.RowDefinitions>

Стиль GridSplitter: 

    <Style x:Key="gridSplitterStyle" TargetType="{x:Type GridSplitter}">
    <Setter Property="Visibility" Value="{Binding IsItemSelected, Converter={StaticResource BoolToShow},ConverterParameter='Visible|Collapsed'}" />
    <Setter Property="Width" Value="Auto"/>
    <Setter Property="Height" Value="14"/>
    <Setter Property="HorizontalAlignment" Value="Stretch"/>
    <Setter Property="Border.BorderBrush" Value="#FF6593CF" />
    <Setter Property="Border.BorderThickness" Value="0,1,0,0" />
    <Setter Property="UIElement.SnapsToDevicePixels" Value="True" />
    <Setter Property="UIElement.Focusable" Value="False" />
    <Setter Property="Control.Padding" Value="7,7,7,7" />
    <Setter Property="Cursor" Value="SizeNS" /></Style>

Как я уже говорил, коллапс работает правильно, если только gridsplitter не используется дляразмер.После этого пробел остается.

РЕДАКТИРОВАТЬ: HB и codenaked предлагали простые и последовательные предложения, поэтому я попытался реализовать их без успеха в триггере данных: 

<Style x:Key="CollapsableRow" TargetType="{x:Type RowDefinition}">
    <Style.Triggers>
        <DataTrigger Binding="{Binding SelectedItem, Converter={StaticResource IsNullConverter}}" Value="True">
            <Setter Property="RowDefinition.Height" Value="0"/>
        </DataTrigger>
        <DataTrigger Binding="{Binding SelectedItem, Converter={StaticResource IsNullConverter}}" Value="False">
            <Setter Property="RowDefinition.Height" Value="Auto"/>
        </DataTrigger>            
    </Style.Triggers>
</Style>

Ответы [ 4 ]

7 голосов
/ 12 мая 2011

Поскольку разделитель сетки и детали уже были скрыты, видимость была очевидным выбором для сброса высоты определения следующей строки. 

 /// <summary>
/// Grid splitter that show or hides the following row when the visibility of the splitter is changed. 
/// </summary>
public class HidableGridSplitter : GridSplitter { 

    GridLength height;

    public HidableGridSplitter()
    {
        this.IsVisibleChanged += HideableGridSplitter_IsVisibleChanged;
        this.Initialized += HideableGridSplitter_Initialized;
    }

    void HideableGridSplitter_Initialized(object sender, EventArgs e)
    {
        //Cache the initial RowDefinition height,
        //so it is not always assumed to be "Auto"
        Grid parent = base.Parent as Grid;
        if (parent == null) return;
        int rowIndex = Grid.GetRow(this);
        if (rowIndex + 1 >= parent.RowDefinitions.Count) return;
        var lastRow = parent.RowDefinitions[rowIndex + 1];
        height = lastRow.Height;
    }

    void HideableGridSplitter_IsVisibleChanged(object sender, DependencyPropertyChangedEventArgs e)
    {
        Grid parent = base.Parent as Grid;
        if (parent == null) return;

        int rowIndex = Grid.GetRow(this);

        if (rowIndex + 1 >= parent.RowDefinitions.Count) return;

        var lastRow = parent.RowDefinitions[rowIndex + 1];

        if (this.Visibility == Visibility.Visible)
        {
            lastRow.Height = height;
        }
        else
        {
            height = lastRow.Height; 
            lastRow.Height = new GridLength(0);
        }

    }
2 голосов
/ 16 ноября 2012

Вы можете использовать анимацию, чтобы решить переопределение определения строки / столбца с помощью gridsplitter.См. Мой ответ на аналогичный вопрос в GridSplitter переопределяет стиль триггера ColumnDefinition?

1 голос
/ 10 мая 2011

Если вы используете GridSplitter, высоты уже не Auto, а конкретные значения.Вам необходимо вручную изменить значения обратно, используя стиль или события и код позади, например, при двойном щелчке столбец автоматического размера сбрасывает:

0 голосов
/ 10 мая 2011

В зависимости от того, что вы указали, GridSplitter изменит размер предыдущей и следующей строк. Вы можете увидеть это в действии с этим кодом: 

<Grid Margin="3,0">
    <Grid.RowDefinitions>
        <RowDefinition x:Name="row0" Height="*" />
        <RowDefinition Height="Auto" />
        <RowDefinition x:Name="row2" Height="Auto" />
    </Grid.RowDefinitions>
    <Border Background="Red" >
        <TextBlock Text="{Binding ElementName=row0, Path=Height}" HorizontalAlignment="Center" VerticalAlignment="Center" />
    </Border>
    <GridSplitter Grid.Row="1" Style="{StaticResource gridSplitterStyle}" HorizontalAlignment="Stretch" />
    <Border Background="Blue" Grid.Row="2" MinHeight="50">
        <TextBlock Text="{Binding ElementName=row2, Path=Height}" HorizontalAlignment="Center" VerticalAlignment="Center" />
    </Border>
</Grid>

Размер последнего ряда фактически изменится с Авто на фиксированную высоту. Таким образом, даже если вы свернете содержимое в этой строке, оно все равно займет указанное место. Вам нужно сбросить строку на Height="Auto", чтобы действительно свернуть ее с ее содержимым.

...