在银光中淡入淡出一条路径？

Question

我有一个这样定义的路径：

<Viewbox Visibility="Collapsed"  x:Name="Tick" Grid.Column="1" Grid.Row="1">
   <Canvas MaxWidth="100" MaxHeight="100"   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                                         Width="100" Height="100" Canvas.Left="0" Canvas.Top="0">
         <Path ...Fill="#FF00B800" x:Name="MyPath" (path dimensions, lines, etc) .../>
   </Canvas>
</Viewbox>

现在我想做的是操纵填充，这样它将导致路径具有淡入/淡出效果。基本上，根据路径所在的视图框是否可见，使填充 alpha 组件向不透明或透明方向移动。因此，当可见时，路径会淡入，当折叠时，路径会淡出。

Answer 1

你想要达到的效果是非常好的，但是你当前的计划有一个严重的问题。当更高级别元素（本例中为 Viewbox）的 Visibility 设置为 Visibility.Collapsed 时，该元素和所有子元素立即不再可见。您正是在此时希望 Path 开始淡出。

因此，Path 已经不可见，并且启动动画来逐渐降低其不透明度不会有任何好处，因为它已经消失了。换句话说，当可见性设置为 Visibity.Collapsed 时，对元素内部的内容执行任何有用的操作都为时已晚，因为用户将看不到它们。如果可以的话，您会希望预见未来并知道您将更改可见性并启动动画，以便它在您“关闭元素的窗帘”之前完成。

当我们使元素可见时，同样的问题并不适用，因为一切都很完美：我们变得可见并开始淡入动画。但既然有一半的效果就不起作用了，我们还有一个大问题。

这个问题的解决方案是向上移动一个级别，看看我们正在尝试做什么。在 XAML 中，我们只有被动元素：Viewbox、Canvas 和 Path。但也许它们的作用更像控件或辅助控件，例如检查CheckBox或类似复选框的控件。

控件可以有状态：

• Normal、MouseOver
• Pressed、Disabled
• Unfocused、Focused

，并且这些状态可以具有过渡效果，这要归功于 VisualStateManager。

因此，如果淡入和淡出效果是控制行为的一部分，那么我们就有了一整套复杂而强大的工具集来解决我们的问题。不知道你的情况是不是这样。

即使情况并非如此，在 Silverlight 上实现过渡效果的一种非常可行的方法是将元素转换为无外观的控件，这仅仅是为了利用 VisualStateManager，因为它使事情变得如此简单。也许这个替代方案适合您的情况。