在GridSplitter中使用数据触发器

我试图创建一个大多不透明的GridSplitter，然后在mouseover上使动画变得完全可见。以下是我已经试过：在GridSplitter中使用数据触发器

风格：

<Style x:Key="SplitterStyle" TargetType="{x:Type GridSplitter}"> 
    <Setter Property="Opacity" Value="0.2" /> 
    <Setter Property="Template"> 
    <Setter.Value> 
     <ControlTemplate TargetType="{x:Type GridSplitter}"> 
     <ControlTemplate.Triggers> 
      <Trigger Property="IsMouseOver" Value="True"> 
      <Trigger.EnterActions> 
       <BeginStoryboard> 
       <Storyboard> 
        <DoubleAnimation Storyboard.TargetProperty="Opacity" To="1" Duration="0:0:0.2" /> 
       </Storyboard> 
       </BeginStoryboard> 
      </Trigger.EnterActions> 
      <Trigger.ExitActions> 
       <BeginStoryboard> 
       <Storyboard> 
        <DoubleAnimation Storyboard.TargetProperty="Opacity" Duration="0:0:0.3" /> 
       </Storyboard> 
       </BeginStoryboard> 
      </Trigger.ExitActions> 
      </Trigger> 
     </ControlTemplate.Triggers> 
     </ControlTemplate> 
    </Setter.Value> 
    </Setter> 
</Style>

GridSplitter：

<GridSplitter 
    ResizeDirection="Columns" 
    Grid.Column="0" 
    Background="Red" 
    VerticalAlignment="Stretch" 
    Width="4" 
    Style="{StaticResource SplitterStyle}" />

我查MSDN和GridSplitter拥有所有我使用性质的，所以它看起来像它应该没问题，但也许我忽略了一些明显的东西？

编辑：

是否有可能把GridSplitter到另一个元素？我改变了我的风格：

<Style x:Key="SplitterStyle" TargetType="{x:Type Border}"> 
    <Setter Property="Opacity" Value="0.2" /> 

    <Style.Triggers> 
     <Trigger Property="IsMouseOver" Value="True"> 
      <Trigger.EnterActions> 
       <BeginStoryboard> 
        <Storyboard> 
         <DoubleAnimation Storyboard.TargetProperty="Opacity" To="1" Duration="0:0:0.2" /> 
        </Storyboard> 
       </BeginStoryboard> 
      </Trigger.EnterActions> 
      <Trigger.ExitActions> 
       <BeginStoryboard> 
        <Storyboard> 
         <DoubleAnimation Storyboard.TargetProperty="Opacity" Duration="0:0:0.3" /> 
        </Storyboard> 
       </BeginStoryboard> 
      </Trigger.ExitActions> 
     </Trigger> 
    </Style.Triggers> 
</Style>

然后，我把GridSplitter到边境和应用该样式的边界，而不是：

<Border 
    Style="{StaticResource SplitterStyle}" 
    Background="{StaticResource WindowBorderBrush}" 
    VerticalAlignment="Stretch" 
    Width="4" 
    Grid.Column="0" 
    HorizontalAlignment="Right"> 
    <GridSplitter ResizeDirection="Columns" Background="Red" ResizeBehavior="CurrentAndNext"/> 
</Border>

边框的伟大工程！但是现在，GridSplitter无处可寻（红色背景没有显示，当我将鼠标悬停在边界上时，光标不会改变，并且没有任何东西可以拖动来调整任何东西）。为什么是这样？

编辑：

OK，我发现我已经指定GridSplitter的宽度。此外，我将GridSplitter的背景更改为透明，因为我从未计划使用红色。现在，它显示并看起来很棒，但它实际上并没有调整任何东西：P如何让它实际上有用？

来源

2013-07-22 Brian Gradin

这是我结束了，它的工作：

<Style x:Key="SplitterStyle" TargetType="{x:Type GridSplitter}"> 
    <Setter Property="Opacity" Value="0.2" /> 

    <Style.Triggers> 
     <Trigger Property="IsMouseOver" Value="True"> 
      <Trigger.EnterActions> 
       <BeginStoryboard> 
        <Storyboard> 
         <DoubleAnimation Storyboard.TargetProperty="Opacity" To="1" Duration="0:0:0.2" /> 
        </Storyboard> 
       </BeginStoryboard> 
      </Trigger.EnterActions> 
      <Trigger.ExitActions> 
       <BeginStoryboard> 
        <Storyboard> 
         <DoubleAnimation Storyboard.TargetProperty="Opacity" Duration="0:0:0.3" /> 
        </Storyboard> 
       </BeginStoryboard> 
      </Trigger.ExitActions> 
     </Trigger> 
    </Style.Triggers> 
</Style>

和

<GridSplitter 
    Background="{StaticResource WindowBorderBrush}" 
    VerticalAlignment="Stretch" 
    Width="4" 
    Grid.Column="0" 
    ResizeDirection="Columns" 
    Style="{StaticResource SplitterStyle}" />

我以为我想正是这样至少有一次甚至张贴在第一时间之前，但我想不会。无论如何，它现在效果很好。

来源

2013-07-22 21:40:58

在GridSplitter中使用数据触发器

回答

相关问题