Silverlight 解谜游戏 之十二 游戏暗示（1）

概述       在上一篇文章中，我们为鼠标指针更换了外形让游戏看起来更加好看。本篇我们将为游戏添加一个暗示（Hint）功能，当玩家找不到物品时给予一些帮助（相信文章写到这里13件物品闭着眼也应该能找到了），文章中我们仍然会用到多种动画及自定义行为功能。 本篇将由以下三部分来完成：   1. 制作暗示按钮    2. 通过光环动画进行暗示   3. 对物品随机进行暗示   1. 首先我们要实现当鼠标点

       在上一篇文章中，我们为鼠标指针更换了外形让游戏看起来更加好看。本篇我们将为游戏添加一个暗示（Hint）功能，当玩家找不到物品时给予一些帮助（相信文章写到这里13件物品闭着眼也应该能找到了），文章中我们仍然会用到多种动画及自定义行为功能。

本篇将由以下三部分来完成：

  1. 制作暗示按钮 
  2. 通过光环动画进行暗示
  3. 对物品随机进行暗示

 

1@H_301_19@. 首先我们要实现当鼠标点击Hint 图片时，电脑上要显示进度条，同时“HINT” 字样消失：

1.1@H_301_19@. 将电脑图片（laptop.png）加入Images 文件夹；创建新Canvas 命名为：hintCanvas，将laptop.png 加入其中；创建hintTextBlock，文字为“HINT”，另外还需要一个Progressbar：progressbar：

 

注意它们在TreeVIEw中的位置关系@H_301_19@

将progressbar Opacity设为0，Foreground 调为绿色：

1.2@H_301_19@. 为了实现上述效果，我们在UserControl 中加入HintStates 组，并添加HintState 和RechargeState：

录制HintState，选择hintTextBlock，将IsHitTestVisible 设为True：

录制RechargeState，将hintTextBlock 的Opacity 设为0%，IsHitTestVisible 设为False，将progressbar 的Opacity 设为100%：

 

1.3@H_301_19@. 点击hintTextBlock 后将运行RechargeState，在hintTextBlock 中创建GoToStateAction，并进行如下设置：

 

1.4@H_301_19@. 为了让progressbar 显示进度状态，我们在MainPage.xaml 中为其添加一个StoryBoard：RechargingStoryboard，将其运行时间设为20 秒：

<Storyboard x:name="RechargingStoryboard">     <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" 
Storyboard.Targetname="progressbar" 
Storyboard.TargetProperty="(RangeBase.Value)">         <EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>         <EasingDoubleKeyFrame KeyTime="00:00:30" Value="100"/>     </DoubleAnimationUsingKeyFrames>  </Storyboard>

 

在点击hintTextBlock 时将运行该Storyboard，为hintTextBlock 添加ControlStoryboardAction，选择RechargingStoryboard：

1.5.@H_301_19@ 当RechangeState 结束后自动跳回HintState，为hintCanvas  添加GoToStateAction：

将TriggerType 修改为StoryboardCompletedTrigger，Statename 选择HintState：

至此第一步效果已经实现，这篇截图太多，内容有些复杂。本来想一口气都写完的，今天真是写不动了还是分解完成吧，也方便大家 *** 练。源代码和最终效果下篇一并放出。

总结

以上是内存溢出为你收集整理的Silverlight 解谜游戏 之十二 游戏暗示（1）全部内容，希望文章能够帮你解决Silverlight 解谜游戏 之十二 游戏暗示（1）所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。