在鼠标悬停时更改内容控制的内容(无法冻结)

本文关键字:冻结 悬停 鼠标 内容控制 | 更新日期: 2023-09-27 18:30:36

我有一个带有内容控件的视图框。

此内容控件引用画布资源。现在,在鼠标悬停时,我想将内容控件的内容更改为另一个画布资源。

法典:

<StackPanel x:Name="ExtraActionsPanel" Background="{DynamicResource DarkGrey}" Grid.ColumnSpan="3" Height="38.5" VerticalAlignment="Bottom">
        <Viewbox x:Name="ActionIconBox1" Width="50" >
            <ContentControl Content="{DynamicResource action_message}"/>
        </Viewbox>
</StackPanel>

我的应用程序.xaml,其中资源是:

<Canvas x:Key="action_message"  x:Shared="False" x:Name="action_message" Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
        <Path Width="38" Height="39.75" Canvas.Left="19" Canvas.Top="22" Stretch="Fill" Fill="{DynamicResource VeryLightBlue}" Data="F1 M 33,51L 36.4167,61.75L 24,51L 19,51L 19,22L 57,22L 57,51L 33,51 Z "/>
</Canvas>
<Canvas x:Key="action_message_focus" x:Shared="False" x:Name="action_message_focus" Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
        <Path Width="38" Height="39.75" Canvas.Left="19" Canvas.Top="22" Stretch="Fill" Fill="{DynamicResource Blue}" Data="F1 M 33,51L 36.4167,61.75L 24,51L 19,51L 19,22L 57,22L 57,51L 33,51 Z "/>
</Canvas>

尝试使用故事板和触发器来更改鼠标悬停时的内容,但这给了我一个例外:可冻结无法冻结。

<UserControl.Resources>
    <Storyboard x:Key="OnMouseEnter1">
        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(ContentControl.Content)" Storyboard.TargetName="contentControl">
            <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource action_message_focus}"/>
        </ObjectAnimationUsingKeyFrames>
    </Storyboard>
</UserControl.Resources>
<UserControl.Triggers>
    <EventTrigger RoutedEvent="Mouse.MouseEnter" SourceName="ActionIconBox1">
        <BeginStoryboard Storyboard="{StaticResource OnMouseEnter1}"/>
    </EventTrigger>
</UserControl.Triggers>

在鼠标悬停时更改内容控制的内容(无法冻结)

我尝试使用样式触发器,它起作用了。下面是样式定义。

              <ContentControl>
                    <ContentControl.Style>
                        <Style TargetType="ContentControl">
                            <Setter Property="Content" Value="{StaticResource action_message}"/>
                            <Style.Triggers>
                                <Trigger Property="IsMouseOver" Value="true">
                                    <Setter Property="Content" Value="{StaticResource action_message_focus}"/>
                                </Trigger>
                            </Style.Triggers>
                        </Style>
                    </ContentControl.Style>
                </ContentControl>

从 MSDN 的"可冻结对象概述"页:

如果满足以下任一条件,则无法冻结可冻结对象:

•它具有动画或数据绑定属性。

•它具有由动态资源设置的属性。(有关动态资源的详细信息,请参阅资源概述。

•它包含无法冻结的可冻结子对象。

我猜它适用于您的Canvas控件,因为您内部有一个Path对象,由于它使用DynaimcResource,它本身无法冻结。