Question

我正在使用UWP应用。我已经使用自适应触发器来调整我的xaml，具体取决于窗口的宽度，它只能在页面中工作..

现在我想对用户控件的xaml执行相同的操作，但它不起作用..但我将VisualStateManager放到用户控件的根网格中。

有区别吗？

这是我的用户控件的代码：

<UserControl
    x:Class=.....>

<UserControl.Resources>
    <ResourceDictionary>
        <vm:ViewModelLocator x:Key="Locator"/>
        <converters:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
    </ResourceDictionary>
</UserControl.Resources>

<UserControl.DataContext>
    <Binding Path="MyUserControlVM" Source="{StaticResource Locator}"/>
</UserControl.DataContext>


<Grid x:Name="LayoutRoot" Background="white">

    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup>
            <VisualState x:Name="Narrow">
                <VisualState.StateTriggers>
                    <AdaptiveTrigger MinWindowWidth="0" />
                </VisualState.StateTriggers>
                <VisualState.Setters>
                    <Setter Target="LastName.Foreground" Value="Red" />
                    <Setter Target="LastName.Fontsize" Value="10" />
                    <Setter Target="FirstName.Foreground" Value="Red"/>
                </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="Normal">
                <VisualState.StateTriggers>
                    <AdaptiveTrigger MinWindowWidth="600" />
                </VisualState.StateTriggers>
                <VisualState.Setters>
                    <Setter Target="LastName.Foreground" Value="Red" />
                    <Setter Target="LastName.Fontsize" Value="25" />
                    <Setter Target="FirstName.Foreground" Value="Red"/>
                </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="Wide">
                <VisualState.StateTriggers>
                    <AdaptiveTrigger MinWindowWidth="1000"/>
                </VisualState.StateTriggers>
                <VisualState.Setters>
                    <Setter Target="LastName.Foreground" Value="Red" />
                    <Setter Target="FirstName.Foreground" Value="Red"/>
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>

    <Listbox>
        ...
    </ListBox>
    <TextBlock x:Name="lblNoData" Grid.ColumnSpan="2" Text="No Data"  Visibility="{Binding NoDataVisible, Converter={StaticResource BooleanToVisibilityConverter}}"/>
    <ProgressRing x:Name="prLoading" Width="60" Height="60" Foreground="Blue" IsActive="{Binding InitializationNotifier.IsNotCompleted}" />
</Grid>

（＆＃34; LastName＆＃34;和＆＃34; FirstName＆＃34;是我列表框的DataTemplate中的文本块。我只是试图将我的文本设置为红色，以便查看触发器的时间工作）

我在一个简单的页面中调用用户控件：

<Grid x:Name="LayoutRoot" Background="{StaticResource white}">

    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <StackPanel Grid.Row="0" Margin="0,0,0,10">
        ...
    </StackPanel>

    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="10,0">
        <UC:MyUserControl/>
    </Grid>
</Grid>

我不明白为什么这段代码不起作用。提前感谢您的帮助！

Answer 1

（“LastName”和“FirstName”是我列表框的DataTemplate中的文本块。我只是想把我的文本设置为红色，以便查看触发器何时起作用）

你可以参考我的另一个答案here，正如我在答案中所说，当控件放在DataTemplate时，它们就成了数据对象的可视结构。我认为没有干净的方法只在xaml代码中完成这项工作，Data Binding这里是你的朋友。

从您的代码我可以看到您要更改Foreground（但所有Red？）和FontSize内的TextBlock { {1}}取决于窗口的大小。因此，您可以将这两个属性绑定到窗口的大小，或者可以使用ItemsControl.ItemTemplateSelector在窗口大小更改时选择不同的模板。

自适应触发器不适用于用户控件

1 个答案: