用于根据另一个元素设置可见性的 XAML 触发器模板

Question

我有几个 StackPanels 可以根据 ToggleButtons 更改可见性。如果我将 DataTrigger 行上的 Tag 替换为 btn1，则下面的代码有效。 如何使用 Tag 属性的值？

<Window x:Class="MyTestApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="TestApp">

    <Window.Resources>
        <Style x:Key="panelStyle" TargetType="{x:Type StackPanel}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding ElementName=Tag, Path=IsChecked}" Value="False">
                    <Setter Property="StackPanel.Visibility" Value="Collapsed" />
                </DataTrigger>
                <DataTrigger Binding="{Binding ElementName=Tag, Path=IsChecked}" Value="True">
                    <Setter Property="StackPanel.Visibility" Value="Visible" />
                </DataTrigger>
            </Style.Triggers>
        </Style>

    </Window.Resources>

    <WrapPanel>
        <ToggleButton Content="One" Name="btn1" />
        <ToggleButton Content="Two" Name="btn2" />

        <StackPanel Style="{StaticResource panelStyle}" Tag="{Binding btn1}">
            <Label Content="Data to panel 1" />
        </StackPanel>

        <StackPanel Style="{StaticResource panelStyle}" Tag="{Binding btn2}">
            <Label Content="Data to panel 2" />
        </StackPanel>

    </WrapPanel>

</Window>    

这个问题非常相似，但我缺少有关如何传递元素名称的详细信息。
XAML - 带有触发器/参数的通用文本框样式？

Answer 1

您的绑定不正确。

在您的 DataTemplate 中，绑定应该是：

<DataTrigger Binding="{Binding Path=Tag.IsChecked, RelativeSource={RelativeSource Self}}" Value="False">
   <Setter Property="StackPanel.Visibility" Value="Collapsed" />
</DataTrigger>

这里，具有 Self 模式的 RelativeSource 告诉绑定引擎要绑定的对象是对象正在应用哪种样式（例如您的 StackPanel）。 Tag.IsChecked 的 PropertyPath 告诉绑定引擎从存储在 Tag 中的对象中查找名为 IsChecked 的属性>。

最后，StackPanel 中的绑定应该是：

<StackPanel Style="{StaticResource panelStyle}" Tag="{Binding ElementName=btn1}">
   <Label Content="Data to panel 1" />
</StackPanel>

这里 ElementName 创建到逻辑树中另一个元素的绑定。如果您没有像原始示例那样显式分配给 Binding 中的任何属性：

Tag="{Binding btn1}"

指定的值将分配给 Path 属性。因此，这与以下内容相同：

Tag="{Binding Path=btn1}"

另请注意，使用 Tag 不被视为最佳实践，因为它的类型是 object 并且其使用不受限制，因此可以承担在整个项目中存在任意数量的不同含义（这通常会导致难以理解，尤其是在远离实际用途的模板中使用时）。

希望这有帮助！

Answer 2

使用Converter：设置StackPanel的可见性：

<StackPanel Visivility="{Binding IsChecked, ElementName=btn1, Converter={StaticResource BooleanToVisibilityConverter}}">
  ...
</StackPanel>