GridSplitter重写ColumnDefinition的风格触发器？ [英] GridSplitter overrides ColumnDefinition's style trigger?

问题描述

我遇到了一个奇怪的问题......

它看起来像使用GridSplitter调整Grid的列大小会禁用（或以其他方式停用）在Grid列上定义的触发器。

以下是我的设置：

网格有3列，定义如下：

 < Grid.ColumnDefinitions> 
< ColumnDefinition Width =*/> 
< ColumnDefinition> 
< ColumnDefinition.Style> 
< Style> 
< Setter Property =ColumnDefinition.WidthValue =Auto/> 
< Style.Triggers> 
< DataTrigger Binding ={Binding Path = OpenItemViewModels.Count}Value =0> 
< Setter Property =ColumnDefinition.WidthValue =0/> 
< / DataTrigger> 
 < / style> 
< /ColumnDefinition.Style> 
< / ColumnDefinition> 
< ColumnDefinition> 
< ColumnDefinition.Style> 
< Style> 
< Setter Property =ColumnDefinition.WidthValue =4 */> 
< Style.Triggers> 
< DataTrigger Binding ={Binding Path = OpenItemViewModels.Count}Value =0> 
< Setter Property =ColumnDefinition.WidthValue =0/> 
< / DataTrigger> 
 < / style> 
< /ColumnDefinition.Style> 
< / ColumnDefinition> 
< /Grid.ColumnDefinitions> 
  

期望的是，当第三个元素中没有构成控件的ItemsSource的项目时列中，0宽度将分配给第二列和第三列（分别托管GridSplitter和辅助项目控件）。

只要我不接触分配器（当辅助控制器中的所有选项卡都关闭时，只有第一列保持可见状态），就可以很好地工作。 >
如果我移动分离器，问题就会开始，从而有效地改变列## 0和2之间的比例。在这种情况下，当右侧控件中的所有项都关闭时，这些列的宽度不会重置。

我怀疑这与GridSplitter否定我在XAML中的定义有关。

请确认/反驳这个理论，并建议如何解决这个问题？

解决方案

我对rowdefinition有同样的问题。 Gridsplitter会覆盖我们在样式或setter中给出的任何东西。它可以使用动画解决（因为动画在依赖属性值解析中具有最高优先级）。在第三栏中做同样的事。

 < Grid.ColumnDefinitions> 
< ColumnDefinition Width =*/> 
< ColumnDefinition> 
< ColumnDefinition.Style> 
< Style> 
< Setter Property =ColumnDefinition.WidthValue =Auto/> 
< Style.Triggers> 
< DataTrigger Binding ={Binding Path = OpenItemViewModels.Count}Value =0> 
< DataTrigger.EnterActions> 
< BeginStoryboard Name =BeginStoryboard1> 
< Storyboard> 
< ObjectAnimationUsingKeyFrames Storyboard.TargetProperty =Width> 
< ObjectAnimationUsingKeyFrames.KeyFrames> 
< DiscreteObjectKeyFrame KeyTime =0：0：0
 Value ={x：Static GridLength.Auto}/> 
< /ObjectAnimationUsingKeyFrames.KeyFrames> 
< / ObjectAnimationUsingKeyFrames> 
< / Storyboard> 
< / BeginStoryboard> 
< /DataTrigger.EnterActions> 
< DataTrigger.ExitActions> 
< RemoveStoryboard BeginStoryboardName =BeginStoryboard1/> 
< /DataTrigger.ExitActions> 
< / DataTrigger> 
 < / style> 
< /ColumnDefinition.Style> 
< / ColumnDefinition> 
  

I ran into a strange issue...
It looks like resizing Grid's columns using a GridSplitter disables (or otherwise deactivates) the trigger defined on a Grid's column.

Here's my setup:

A Grid has 3 columns, defined as follows:

<Grid.ColumnDefinitions>
    <ColumnDefinition Width="*" />
    <ColumnDefinition>
        <ColumnDefinition.Style>
            <Style>
                <Setter Property="ColumnDefinition.Width" Value="Auto"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Path=OpenItemViewModels.Count}" Value="0">
                        <Setter Property="ColumnDefinition.Width" Value="0"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </ColumnDefinition.Style>
    </ColumnDefinition>
    <ColumnDefinition>
        <ColumnDefinition.Style>
            <Style>
                <Setter Property="ColumnDefinition.Width" Value="4*"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Path=OpenItemViewModels.Count}" Value="0">
                        <Setter Property="ColumnDefinition.Width" Value="0"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </ColumnDefinition.Style>
    </ColumnDefinition>
</Grid.ColumnDefinitions>

The expectation is that when there are no items that constitute ItemsSource for the control in the third column, 0 width will be assigned to the second and third columns (hosting the GridSplitter and the auxiliary items control, respectively).

This works well as long as I don't touch the Splitter (when all the tabs in the auxiliary control are closed, only the first column remains visible).
The problems start if I move the splitter, thus effectively changing the proportion between columns ##0 and 2. In such scenario, these columns' width is not reset when all the items in the right-hand control are closed.

I suspect this has something to do with the GridSplitter "overruling" my definitions in XAML.

Can someone please confirm / disprove this theory, and suggest how to work around the problem?

解决方案

I had the same problem for rowdefinition. Gridsplitter will override whatever we give in style or setters. It can be solved using animation (since animation has the highest priority in dependency property value resolution). Do the same for the third column.

<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition>
    <ColumnDefinition.Style>
        <Style>
            <Setter Property="ColumnDefinition.Width" Value="Auto" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=OpenItemViewModels.Count}" Value="0">
                    <DataTrigger.EnterActions>
                        <BeginStoryboard Name="BeginStoryboard1">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Width">
                                    <ObjectAnimationUsingKeyFrames.KeyFrames>
                                        <DiscreteObjectKeyFrame KeyTime="0:0:0"
                                                                Value="{x:Static GridLength.Auto}" />
                                    </ObjectAnimationUsingKeyFrames.KeyFrames>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </BeginStoryboard>
                    </DataTrigger.EnterActions>
                    <DataTrigger.ExitActions>
                        <RemoveStoryboard BeginStoryboardName="BeginStoryboard1" />
                    </DataTrigger.ExitActions>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ColumnDefinition.Style>
</ColumnDefinition>

这篇关于GridSplitter重写ColumnDefinition的风格触发器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！