WPF：如何在触发器属性属性中引用其他控件？答案

【问题标题】：WPF: How to reference other controls within trigger Property property?WPF：如何在触发器属性属性中引用其他控件？
【发布时间】：2011-08-05 18:20:03
【问题描述】：

我有一个 WPF 页面。页面有一些内容，但页面根布局的最后一个子组件是我创建的用户控件。它看起来像这样：

<UserControl DataContext=UserControlViewModel>
  <UserControl.Resources>
    <BooleanToVisibilityConverter x:Key="visibilityConverter" />
  </UserControl.Resources>
  <Grid 
      Name="grid" 
      Visibility="{Binding IsOn, Converter={StaticResource visibilityConverter}}">
    <!-- Border to dim everything behind my user control -->
    <Border Background="#000000" Opacity="0.4" />
    <!-- The following border is red and holds the content -->
    <Border 
        Width="{Binding ElementName=txt, Path=ActualWidth}" 
        Height="{Binding ElementName=txt, Path=ActualHeight}" 
        Margin="{Binding ElementName=txt, Path=Margin}" 
        HorizontalAlignment="{Binding ElementName=txt, Path=HorizontalAlignment}" 
        VerticalAlignment="{Binding ElementName=txt, Path=VerticalAlignment}" 
        Background="Red">
      <TextBlock 
          Name="txt"
          Width="200" 
          Height="100" 
          Margin="20" 
          HorizontalAlignment="Center" 
          VerticalAlignment="Center" 
          Text="This is my super awesome message!" />
    </Border>
  </Grid>
</UserControl>

默认情况下，UserControlViewModel 对象的IsOn 属性设置为false，即用户控件不可见。我已经实现了一些逻辑，将这个属性更改为true，然后用户控件显示在所有其他变暗的组件前面。这很好用。

现在，我想创建一个淡入淡出效果动画，一旦它变得可见，它就会使用户控件后面的组件变暗。接下来，我想让包含内容的红色边框从左侧淡入，所以移动+淡入淡出。

让我们先从淡入淡出效果开始。我把这个样式写到Border，它应该做背景组件的调光：

<UserControl DataContext=UserControlViewModel>
  <UserControl.Resources>
    <BooleanToVisibilityConverter x:Key="visibilityConverter" />
  </UserControl.Resources>
  <Grid 
      Name="grid"
      Visibility="{Binding IsOn, Converter={StaticResource visibilityConverter}}">
    <!-- Border to dim everything behind my user control -->
    <Border Background="#000000" Opacity="0.4">
      <!-- The following style is new code -->
      <Border.Style>
        <Style TargetType="Border">
          <Style.Triggers>
            <Trigger Property="{Binding ElementName=grid, Visibility}" Value="Visible">
              <Trigger.EnterActions>
                <BeginStoryboard>
                  <Storyboard>
                    <DoubleAnimation 
                        Storyboard.TargetProperty="Opacity" 
                        From="0.0" 
                        To="0.4" 
                        Duration="0:0:1" />
                  </Storyboard>
                </BeginStoryboard>
              </Trigger.EnterActions>
            </Trigger>
          </Style.Triggers>
        </Style>
      </Border.Style>
    </Border>
    ...

但问题是：我无法在触发器Property 上设置绑定，因为它不是依赖属性。一旦grid 将Visibility 属性设置为Visible，我需要一种方法来告诉我的触发器触发。请帮忙，谢谢！

第二个问题是，我不知道如何移动红色边框，所以我也需要一些缩放转换方面的帮助，我想......再次感谢！

【问题讨论】：

标签： wpf xaml styles

【解决方案1】：

尝试替换以下行：

原文：

<Trigger Property="{Binding ElementName=grid, Visibility}" Value="Visible">

替换：

<DataTrigger Binding={Binding Visibility, ElementName=grid} Value="Visibile">

【讨论】：

@myermian：我不太清楚你的意思。你能再用几句话解释一下吗？谢谢。
@Boris：再次查看您的代码，我没有看到 Trigger.ExitActions。我认为你需要这样它才能重复。
@myermian：我添加了 DataTrigger.ExitActions。它现在可以正常工作。但是问题又来了。我想在 ExitActions 中创建一个淡入淡出动画，但它不起作用。它只是将不透明度恢复为原始的 0 值。我的动画在一整秒内逐渐返回这个值（反转为问题正文中显示的值）。我在哪里弄错了？
我想我现在知道答案了。用户控件上有一个按钮，可以将UserControlViewModel 的IsOn 属性的值更改为false。随后立即关闭，即隐藏用户控件，因此没有时间进行动画。我需要重新考虑这个用户控件的逻辑。