Silverlight 解谜游戏 之十三 游戏暗示(2)
完成本篇將實(shí)現(xiàn)如下效果:
?
2. 接上一篇內(nèi)容,我們繼續(xù)對暗示功能進(jìn)行制作(通過光環(huán)動畫進(jìn)行暗示)。點(diǎn)擊“HINT” 后會在屏幕中出現(xiàn)光環(huán)對玩家進(jìn)行提示:
?
2.1. 將光環(huán)圖片flare.png 加入項目,命名為hintFlareImage,并將其拖入Layout:
?
2.2. 對hintFlareImage 的XAML 進(jìn)行一些調(diào)整,目的是為了后面運(yùn)行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. 繼續(xù)在MainPage.xaml 加入另外兩個StoryBoard,ShowHintStoryboard 和RotateHintStoryboard,分別用于顯示和旋轉(zhuǎn)光環(huán):
<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,它們將分別用于執(zhí)行ShowHintStoryboard 和RotateHintStoryboard:
<
3. 最后再通過Behavior 來控制在哪顯示暗示光環(huán),將一下Class 加入Project,并進(jìn)行編譯:
回到Blend,在UserControl 中加入HintBehavior:
新增EventTrigger,將HintOverlayName 設(shè)為hintFlareImage:
點(diǎn)擊上圖的HintItems Collection,對將要暗示的物品進(jìn)行設(shè)置,其中OriginX(Y)Variance 為光環(huán)與Path的位置偏差:
運(yùn)行程序看看效果吧,源代碼下載:
?
微軟官方Expression Blend 教程:Learn Expression Blend
超強(qiáng)干貨來襲 云風(fēng)專訪:近40年碼齡,通宵達(dá)旦的技術(shù)人生總結(jié)
以上是生活随笔為你收集整理的Silverlight 解谜游戏 之十三 游戏暗示(2)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 《父亲家书》选:母亲的手摔伤了
- 下一篇: 智能布线系统,“智”在何方