前些天,看到有网友给我留言,说AdaptiveTrigger在自定义控件(模板化控件)中不能触发。因为当时我正在写其他的代码,就没有去做实验来验证,于是我就给这位网友提了使用GotoVisualState的方法来自己切换状态。
今天有空,我就做了做测试,发现AdaptiveTrigger触发器在模板化控件的控件件模板中是可以触发的。
首先,向应用程序项目添加一个新的模板化控件,我叫它为MyControl。如下图。
然后打开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>
最后,运行应用程序,效果如下。
随后,把窗口的宽度拉大,会看到背景变成了红色。
通过这个试验,我发现: AdaptiveTrigger触发器在自定义控件的模板中是可以使用的 。
示例源代码下载