【Win 10应用开发】AdaptiveTrigger在自定义控件中是可以触发的

时间:2023-03-09 14:30:59
【Win 10应用开发】AdaptiveTrigger在自定义控件中是可以触发的

前些天,看到有网友给我留言,说AdaptiveTrigger在自定义控件(模板化控件)中不能触发。因为当时我正在写其他的代码,就没有去做实验来验证,于是我就给这位网友提了使用GotoVisualState的方法来自己切换状态。

今天有空,我就做了做测试,发现AdaptiveTrigger触发器在模板化控件的控件件模板中是可以触发的。

首先,向应用程序项目添加一个新的模板化控件,我叫它为MyControl。如下图。

【Win 10应用开发】AdaptiveTrigger在自定义控件中是可以触发的

然后打开Generic.xaml文件,找到新控件的样式,将模板修改为:

                <ControlTemplate TargetType="local:MyControl">
<Border
Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
x:Name="bd">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup>
<VisualState>
<VisualState.StateTriggers>
<AdaptiveTrigger MinWindowWidth="700" />
</VisualState.StateTriggers>
<VisualState.Setters>
<Setter Target="bd.Background" Value="Red" />
</VisualState.Setters>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
</Border>
</ControlTemplate>

上面模板中应用了可视化状态,并且状态用AdaptiveTrigger来触发,当应用程序窗口的宽度>= 700时就会触发,把模板中Border的背景颜色改为红色。

然后打开MainPage,在页面上声明一个MyControl实例。

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<local:MyControl />
</Grid>

最后,运行应用程序,效果如下。

【Win 10应用开发】AdaptiveTrigger在自定义控件中是可以触发的

随后,把窗口的宽度拉大,会看到背景变成了红色。

【Win 10应用开发】AdaptiveTrigger在自定义控件中是可以触发的

通过这个试验,我发现:AdaptiveTrigger触发器在自定义控件的模板中是可以使用的

示例源代码下载