AdaptiveTrigger和DataTemplate中 [英] AdaptiveTrigger and DataTemplate

问题描述

在一个DataTemplate威尔​​AdaptiveTrigger工作？

这是我的code我使用定制我的ShellNavigation，这是工作以外的可视状态很好。他们不会触发任何东西。

 ＆LT;外壳：ShellHeadView X：键=ShellHeadView_01＆GT;
    ＆LT;外壳：ShellHeadView.ContentTemplate＆GT;
        ＆LT;＆DataTemplate的GT;
            ＆LT;电网保证金=20,0＆GT;
                ＆LT; VisualStateManager.VisualStateGroups＆GT;
                    ＆LT; VisualStateGroup＆GT;
                        ＆LT;的VisualState X：NAME =GreenBackgroundVisualState＆GT;
                            ＆LT; VisualState.Setters＆GT;
                                ＆LT;二传手目标=headViewLeft.BackgroundVALUE =绿色/＆GT;
                            ＆LT; /VisualState.Setters>
                            ＆LT; VisualState.StateTriggers＆GT;
                                ＆LT; AdaptiveTrigger MinWindowWidth =1000/＆GT;
                            ＆LT; /VisualState.StateTriggers>
                        ＆LT; /＆的VisualState GT;
                        ＆LT;的VisualState X：NAME =OrangeBackgroundVisualState＆GT;
                            ＆LT; VisualState.Setters＆GT;
                                ＆LT;二传手目标=headViewLeft.BackgroundVALUE =橙色/＆GT;
                            ＆LT; /VisualState.Setters>
                            ＆LT; VisualState.StateTriggers＆GT;
                                ＆LT; AdaptiveTrigger MinWindowWidth =2000/＆GT;
                            ＆LT; /VisualState.StateTriggers>
                        ＆LT; /＆的VisualState GT;
                        ＆LT;的VisualState X：NAME =RedBackgroundVisualState＆GT;
                            ＆LT; VisualState.Setters＆GT;
                                ＆LT;二传手目标=headViewLeft.BackgroundVALUE =红/＆GT;
                            ＆LT; /VisualState.Setters>
                            ＆LT; VisualState.StateTriggers＆GT;
                                ＆LT; AdaptiveTrigger MinWindowWidth =3000/＆GT;
                            ＆LT; /VisualState.StateTriggers>
                        ＆LT; /＆的VisualState GT;
                    ＆LT; / VisualStateGroup＆GT;
                ＆LT; /VisualStateManager.VisualStateGroups>
                ＆LT; Grid.ColumnDefinitions＆GT;
                    ＆LT; ColumnDefinition WIDTH =自动/＆GT;
                    ＆LT; ColumnDefinition /＆GT;
                ＆LT; /Grid.ColumnDefinitions>
                ＆LT;电网Grid.Column =0X：NAME =headViewLeftWIDTH =100HEIGHT =90＆GT;                ＆LT; /网格和GT;
 

解决方案

尝试包装你的的DataTemplate 在用户控件这样的 -

 ＆LT;＆DataTemplate的GT;
    ＆LT;＆用户控件GT;
        ＆LT;网格和GT;
            ＆LT; VisualStateManager.VisualStateGroups＆GT;
            ...
        ＆LT; /网格和GT;
    ＆LT; /用户控件＆GT;
＆LT; / DataTemplate中＆GT;
 

---

看起来像任何控制已经得到了内容属性将正常工作。这就是为什么用户控件的作品，所以做了 ContentControl中。

所以，如果你替换用户控件与 ContentControl中，并给它一个空的风格。它应该工作了。

 ＆LT;风格X：键=EmptyContentControlStyle的TargetType =ContentControl中＆GT;
    ＆LT; setter属性=模板＆GT;
        ＆LT; Setter.Value＆GT;
            ＆LT;的ControlTemplate的TargetType =ContentControl中/＆GT;
        ＆LT; /Setter.Value>
    ＆LT; /二传手＆GT;
＆LT; /样式和GT;＆LT;＆DataTemplate的GT;
    ＆LT; ContentControl中风格={StaticResource的EmptyContentControlStyle}＆GT;
        ＆LT;网格和GT;
            ＆LT; VisualStateManager.VisualStateGroups＆GT;
            ...
        ＆LT; /网格和GT;
    ＆LT; / ContentControl中＆GT;
＆LT; / DataTemplate中＆GT;
 

Will AdaptiveTrigger work in a DataTemplate?

That's my code i'm using to customize my ShellNavigation, it is working fine except the visual states. They will not trigger anything.

<shell:ShellHeadView x:Key="ShellHeadView_01">
    <shell:ShellHeadView.ContentTemplate>
        <DataTemplate>
            <Grid Margin="20,0">
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup>
                        <VisualState x:Name="GreenBackgroundVisualState">
                            <VisualState.Setters>
                                <Setter Target="headViewLeft.Background" Value="Green" />
                            </VisualState.Setters>
                            <VisualState.StateTriggers>
                                <AdaptiveTrigger MinWindowWidth="1000"/>
                            </VisualState.StateTriggers>
                        </VisualState>
                        <VisualState x:Name="OrangeBackgroundVisualState">
                            <VisualState.Setters>
                                <Setter Target="headViewLeft.Background" Value="Orange" />
                            </VisualState.Setters>
                            <VisualState.StateTriggers>
                                <AdaptiveTrigger MinWindowWidth="2000"/>
                            </VisualState.StateTriggers>
                        </VisualState>
                        <VisualState x:Name="RedBackgroundVisualState">
                            <VisualState.Setters>
                                <Setter Target="headViewLeft.Background" Value="Red" />
                            </VisualState.Setters>
                            <VisualState.StateTriggers>
                                <AdaptiveTrigger MinWindowWidth="3000"/>
                            </VisualState.StateTriggers>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Grid Grid.Column="0" x:Name="headViewLeft" Width="100" Height="90">

                </Grid>

解决方案

Try wrapping your DataTemplate inside a UserControl like this -

<DataTemplate>
    <UserControl>
        <Grid>
            <VisualStateManager.VisualStateGroups>
            ...
        </Grid>
    </UserControl>
</DataTemplate>

---

Looks like any Control that has got a Content property will work. That's why UserControl works, so does a ContentControl.

So if you replace the UserControl with a ContentControl and give it an empty Style. It should work too.

<Style x:Key="EmptyContentControlStyle" TargetType="ContentControl">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ContentControl" />
        </Setter.Value>
    </Setter>
</Style>

<DataTemplate>
    <ContentControl Style="{StaticResource EmptyContentControlStyle}">
        <Grid>
            <VisualStateManager.VisualStateGroups>
            ...
        </Grid>
    </ContentControl>
</DataTemplate>

这篇关于AdaptiveTrigger和DataTemplate中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！