[UWP] - Adaptive Trigger Featurede的使用方法及效果
阅读原文时间:2023年07月09日阅读:1

  XAML代码:

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">  
    <VisualStateManager.VisualStateGroups>  
        <VisualStateGroup x:Name="VisualStateGroup">  
            <VisualState x:Name="Phone">  
                <VisualState.StateTriggers>  
                    <AdaptiveTrigger MinWindowWidth="320"/>  
                </VisualState.StateTriggers>  
                <VisualState.Setters>  
                    <Setter Target="MyContentControl.ContentTemplate" Value="{StaticResource PhoneTemplate}"/>  
                </VisualState.Setters>  
            </VisualState>  
            <VisualState x:Name="Desktop">  
                <VisualState.StateTriggers>  
                    <AdaptiveTrigger MinWindowWidth="1024"/>  
                </VisualState.StateTriggers>  
                <VisualState.Setters>  
                    <Setter Target="MyContentControl.ContentTemplate" Value="{StaticResource WindowsTemplate}"/>  
                </VisualState.Setters>  
            </VisualState>  
        </VisualStateGroup>  
    </VisualStateManager.VisualStateGroups>

    <ContentControl Name="MyContentControl">  
    </ContentControl>  
</Grid>

  运行效果:

  当在windows 10里把窗口缩小到1024之后,呈现的控件是Pviot,如果窗口大于或等于1024,那就会启用Grid的那个模板。从VisualState里可以看出他的banding方式是可以用静态资源绑定的。

手机扫一扫

移动阅读更方便

阿里云服务器
腾讯云服务器
七牛云服务器

你可能感兴趣的文章