下面的 XAML 执行以下操作:当鼠标悬停在文本块上时,其文本会放大,当鼠标离开文本块时,其文本会缩小。单击鼠标时,文本大小会冻结。
当文本框的样式直接设置为 SwellingTexblock 资源时,这将按预期工作。但是,当样式设置为继承自 SwellingTexblock 的 StyleWrapper 样式时,单击鼠标时出现以下异常(荷兰语):
Kan de naam 放大字体 niet binnen het namenbereik van System.Windows.Style vinden。
这意味着类似:在 System.Windows.Style 的名称范围内找不到 EnlargeFont。怎么了?
<Window x:Class="TriggerSpike.Window2"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window2" Height="300" Width="300">
<Window.Resources>
<Style x:Key="SwellingTextBlock" TargetType="TextBlock">
<Style.Triggers>
<EventTrigger RoutedEvent="MouseEnter">
<EventTrigger.Actions>
<BeginStoryboard Name="EnlargeFont">
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="FontSize"
To="60" Duration="0:0:10"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="MouseLeave">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="FontSize"
To="12" Duration="0:0:.5"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="MouseDown">
<PauseStoryboard BeginStoryboardName="EnlargeFont"/>
</EventTrigger>
</Style.Triggers>
</Style>
<Style x:Key="StyleWrapper" BasedOn="{StaticResource SwellingTextBlock}"
TargetType="TextBlock"/>
</Window.Resources>
<StackPanel>
<TextBlock Style="{StaticResource StyleWrapper}">test</TextBlock>
</StackPanel>
</Window>