以编程方式在代码隐藏中添加可视状态设置器

Question

我正在将 8.1 Universal 转换为 UWP。我在代码隐藏中有一些代码，可以从视图模型数据以编程方式在堆栈面板中创建数百个节点。我正在尝试向其中一些节点添加一些视觉响应规则。

我使用的模式基本上是：

foreach (var item in ViewModel.items)
{
    var fooStackPanel = CreateItemRowStackPanel();

    fooStackPanel.Children.Add(CreateItemImage(item.ProductUrl));
    fooStackPanel.Children.Add(CreateItemNameTextBlock(item.Name));
    // ...

    LayoutGrid.Children.Add(fooStackPanel);
}

我想在某处向特定节点添加响应规则。

这就是我想要在 XAML 中看到的样子，但我需要在后面的代码中执行这些设置器。我该怎么做？

<VisualStateManager.VisualStateGroups>
    <VisualStateGroup x:Name="WindowStates">
        <VisualState x:Name="NarrowState">
            <VisualState.StateTriggers>
                <AdaptiveTrigger MinWindowWidth="0" />
            </VisualState.StateTriggers>

            <VisualState.Setters>
                <!-- How do I add these programmatically in the code behind? -->
                <Setter Target="Item1Image.Visibility" 
                        Value="Collapsed" />
                <Setter Target="Item2Image.Visibility" 
                        Value="Collapsed" />
                <!-- ... -->
            </VisualState.Setters>
        </VisualState>
    </VisualStateGroup>
</VisualStateManager.VisualStateGroups>

Answer 1

正如 Bart 所说，绑定可见性要容易得多，但如果由于某种原因这对您不起作用，您可以通过这种方式从代码隐藏中添加 VisualState Setters：

1) 创建一个新的视觉状态组

var vsg = new VisualStateGroup();

2) 创建你的状态

var vs = new VisualState()

您无法命名它，但没有必要这样做。如果你真的需要（例如，你想手动使用GoToState，你可以这样做 var vs = (VisualState) XamlReader.Load($"<VisualState x:Name=\"{*yournameinline*}\" xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\" xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\" />");.

3) 添加您的状态触发器：

vs.StateTriggers.Add(new AdaptiveTrigger { MinWindowWidth = 0.0 });

4) 添加你的设置器：

vs.Setters.Add(new Setter
    {
    Target = new TargetPropertyPath
        {
            Path = new PropertyPath("(Image.Visibility)"),
            Target = *yourimage*
        },
    Value = Visibility.Collapsed
});

5) 抓取控件的视觉状态组并添加所有内容：

vsg.States.Add(vs);

VisualStateManager.GetVisualStateGroups(*yourcontrol*).Add(vsg)