Silverlight 解谜游戏之七放大镜（3）-阿里云开发者社区

Silverlight 解谜游戏之七放大镜（3）

2017-12-15 1230

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

在前两篇文章中，我们已经创建了“放大镜效果”和“放大镜CheckBox”，本篇内容将通过CheckBox来控制放大镜效果的开/关状态，并完成全部“放大镜”功能。在进行本篇内容前请确保您已经阅读过：

· Silverlight 解谜游戏之五放大镜（1）

· Silverlight 解谜游戏之六放大镜（2）

在完成本篇内容后将实现以下效果：

1. 下载BaseBehavior.zip 进入VS 将以下程序加入到Interactivity 文件夹（参考资料 Base Classes for Custom Behaviors）

· BaseBehavior.cs
· BaseBehaviorT.cs

2. 下载SetInteractionPropertyAction.zip 新增Interactivity\SetInteractionPropertyAction 文件夹，并将以下程序加入其中（参考资料 Creating an Action to set Properties on Actions & Behaviors)

· ConverterHelper.cs
· SetInteractionPropertyAction.cs

添加完以上四个程序，注意其命名空间应为：FindObject。

file

其中，ConverterHelper.cs 和SetInteractionPropertyAction.cs 程序需要使用CodePlex 的Expression Blend Samples 项目，下载安装后将Expression.Samples.Interactivity、Expression.Samples.Shaders 加入Reference：

reference

3. 打开MagnifierOverBehavior.cs 要使MagnifierOverBehavior 继承BaseBehavior 类，以此来使用IsEnabled 属性。将Behavior 改为BaseBehavior：

public class MagnifierOverBehavior : BaseBehavior<FrameworkElement>

将AssociatedObject_MouseEnter 默认显示放大镜注释掉，需要通过IsEnabled 来进行调用：

private void AssociatedObject_MouseEnter( object sender, MouseEventArgs e )
{
   this.AssociatedObject.MouseMove += 
new MouseEventHandler( AssociatedObject_MouseMove );
   //this.AssociatedObject.Effect = this.magnifier;
}

AssociatedObject_MouseMove 也要通过IsEnabled 来判断是否开启放大镜功能：

private void AssociatedObject_MouseMove( object sender, MouseEventArgs e )
{
   if (IsEnabled)
   {
      if (this.AssociatedObject.Effect != this.magnifier)
      {
         this.AssociatedObject.Effect = this.magnifier;
      }

      (this.AssociatedObject.Effect as Magnifier).Center =
       e.GetPosition(this.AssociatedObject);

      Point mousePosition = e.GetPosition(this.AssociatedObject);
      mousePosition.X /= this.AssociatedObject.ActualWidth;
      mousePosition.Y /= this.AssociatedObject.ActualHeight;
      this.magnifier.Center = mousePosition;

      Storyboard zoomInStoryboard = new Storyboard();
      DoubleAnimation zoomInAnimation = new DoubleAnimation();
      zoomInAnimation.To = this.magnifier.Magnification;
      zoomInAnimation.Duration = TimeSpan.FromSeconds(0.5);
      Storyboard.SetTarget(zoomInAnimation, this.AssociatedObject.Effect);
      Storyboard.SetTargetProperty(zoomInAnimation, 
new PropertyPath(Magnifier.MagnificationProperty));
      zoomInAnimation.FillBehavior = FillBehavior.HoldEnd;
      zoomInStoryboard.Children.Add(zoomInAnimation);
      zoomInStoryboard.Begin();
   }
}