完成本篇將實現如下效果：

?

2. 接上一篇內容，我們繼續對暗示功能進行制作（通過光環動畫進行暗示）。點擊“HINT” 后會在屏幕中出現光環對玩家進行提示：

?

2.1. 將光環圖片flare.png 加入項目，命名為hintFlareImage，并將其拖入Layout：

?

2.2. 對hintFlareImage 的XAML 進行一些調整，目的是為了后面運行Storyboard：

<Image Height="99.49" Width="72.601" Canvas.Left="365.074" Canvas.Top="334.773"
Source="Images/notepad.png" Stretch="Fill" RenderTransformOrigin="0.5,0.5"><Image.RenderTransform><TransformGroup><ScaleTransform/><SkewTransform/><RotateTransform/><TranslateTransform/></TransformGroup></Image.RenderTransform> </Image>

2.3. 繼續在MainPage.xaml 加入另外兩個StoryBoard，ShowHintStoryboard 和RotateHintStoryboard，分別用于顯示和旋轉光環：

<Storyboard x:Name="ShowHintStoryboard" AutoReverse="True"><DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Storyboard.TargetName="hintFlareImage"
Storyboard.TargetProperty="(UIElement.Opacity)"><EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/><EasingDoubleKeyFrame KeyTime="00:00:02" Value="0.8"/></DoubleAnimationUsingKeyFrames> </Storyboard>
<Storyboard x:Name="RotateHintStoryboard"><DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Storyboard.TargetName="hintFlareImage"
Storyboard.TargetProperty="(UIElement.RenderTransform).
(TransformGroup.Children)[2].(RotateTransform.Angle)"><EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/><EasingDoubleKeyFrame KeyTime="00:00:04" Value="360"/></DoubleAnimationUsingKeyFrames> </Storyboard>

2.4. 為hintTextBlock 添加兩個新ControlStoryboardAction，它們將分別用于執行ShowHintStoryboard 和RotateHintStoryboard：

<

3. 最后再通過Behavior 來控制在哪顯示暗示光環，將一下Class 加入Project，并進行編譯：

回到Blend，在UserControl 中加入HintBehavior：

新增EventTrigger，將HintOverlayName 設為hintFlareImage：

點擊上圖的HintItems Collection，對將要暗示的物品進行設置，其中OriginX（Y）Variance 為光環與Path的位置偏差：

運行程序看看效果吧，源代碼下載：

?

微軟官方Expression Blend 教程：Learn Expression Blend

超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生

總結

以上是生活随笔為你收集整理的Silverlight 解谜游戏 之十三 游戏暗示（2）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。