Silverlight 游戏开发小技巧：扇形排列元素

斗地主风靡了大江南北，在春晚都做免费性推广，棋牌游戏平台几乎将其作为标配，但是牌类游戏总是一成不变的样子——横向排列，如果扇形排列应该更加符合真实，最近在WP7上玩了一个UNO游戏就是用扇形排列，感觉很不错，今天咱们照猫画虎，在Silverlight上实现一个扇形的手牌效果。

可能看到这个预览图有的朋友就会笑了，这个可以使用RenderTransform实现，前面有讲过，只需要将RenderTransformOrigin的原点设置在牌外面就行，然后旋转，这样实现倒是可以，可是算起来实在麻烦，要考虑牌数和位置，今天不是炒冷饭，而是使用PathListBox来实现，PathListBox在Silverlight的标准SDK中是没有的，它是Blend的一个扩展控件，用来实现路径动画等效果。

现在先建立一张牌的控件，这次不用新建，首先在画布上画好，如下图：

选择绘制出来的元素，点击鼠标右键选择制作成用户控件的选项

输入一个名字：

这样就会制作好了一个自定义的控件，此做法可以省去定大小等麻烦，如下图：

现在我们添加一个用户自定义控件到MainPage看看效果，你需要在Asset（资产）中找到这个用户控件，如果没有则需要编译一下：Ctrl+Alt+B

现在绘制一个圆形，在工具中选择Ellipse

看好规定好的路径，绘制好位置之后，将这个圆形变成Path路径，然后在工具栏中选择Direct Selection，选择下面的两条线，这两条线是我们所不需要的，所以直接按Del按钮删除掉：

只剩下一个将要作为路径的Path

选定Path，点击鼠标右键选择制作成为Layout Path功能，这个其实是一个快捷方式，如果正常操作需要引用dll然后添加对应的控件，我这里以简单的方式完成：

PathListBox此时就会出现在布局中了，并且下面的Path也添加到PathListBox做路径的基础。

现在拖动Card控件到PathListBox中，你会发现牌已经到了最开始的点了：

下面选定PathListBox，把参数设置成如下：

现在复制几个Card出来看看效果吧，怎么样，很不错吧。

但是这个排列仍然觉得别扭，调整Path就可以达到你的目标，可是有更好的方法来解决，把参数调整成下面的参数：

就是说开始的点在30%，而结束的点在40%，你可以动态调整一下，看看效果，非常棒，弄成动画就更有意思了：）

最后把黑线去掉，这样看起来就更加自然了：

选择Path把Stroke的颜色画笔设置为没有。

好了现在已经完成，我为Card做了一个小动画看起来更加有趣，在这个小技巧的基础上，相信各位能扩展更多的玩法出来，今天就到此为止吧：）

本篇工程源代码下载地址如下：点击直接下载

本篇文章的作者：Nowpaper

推荐Silverlight游戏开发博客：深蓝色右手

posted on 2011-02-14 13:31 nowpaper 阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/nowpaper/archive/2011/02/14/1954267.html

Silverlight 游戏开发小技巧：扇形排列元素相关推荐

Silverlight 游戏开发小技巧：实现街霸4的选人界面
Silverlight 游戏开发小技巧:实现街霸4的选人界面上一篇只是一个引子,用来说明Projection的基本操作,游戏研发都是用这些小的基本功能慢慢组合出来,其实这一篇仍然是Projectio ...
Silverlight 游戏开发小技巧：动感小菜单2
Silverlight 游戏开发小技巧:动感小菜单2 动感小菜单其实是想模仿Apple的菜单按钮设计制作,但是画虎不成反类犬,看起来有点别扭,昨天各位园友提了这方面的建议,感觉太硬如果加入动画可能更好 ...
一起谈.NET技术，Silverlight 游戏开发小技巧：动感小菜单
网页应用受限于自身的浏览器范畴,不能把华丽效果完全展示,正是因为如此,在网页上诞生了无数绚丽的设计,虽然动感程度和桌面应用无法比拟,但是在UI上却下足了功夫,用户体验可以说无以伦比,比如说小小的菜单, ...
Silverlight 游戏开发小技巧：轨迹跟随效果
Silverlight 游戏开发小技巧:轨迹跟随效果我们通常在游戏中有各种各样的粒子效果,其中有一种就是跟随鼠标发生的轨迹动画,在鼠标经过的地方会产生一些特效,这种方式我们在粒子当中经常使用,本篇使 ...
Silverlight 游戏开发小技巧：角色升级特效
这次我们将使用Projection完成一些有趣的RPG游戏中常用的特效:升级和传送点特效,我们不需要请特效师制作复杂绚丽的特效,而是只需要他们提供关键的几张图片或者设计样式,如果了您有本领教会他们使用 ...
Silverlight 游戏开发小技巧：星球大战字幕效果
各位科幻迷可能对星球大战的字幕效果印象深刻,这个电影字幕表现手法曾经风靡大小美国影片,甚至超人影片和电视也曾经用此来做开场和结尾字幕,今天我就将这个效果在blend里面制作技巧告诉大家,下面是星球大战 ...
一起谈.NET技术，Silverlight 游戏开发小技巧：实现街霸4的选人界面
上一篇只是一个引子,用来说明Projection的基本操作,游戏研发都是用这些小的基本功能慢慢组合出来,其实这一篇仍然是Projection,但是我们将会做一个比较复杂的应用使用silverlight ...
Silverlight 游戏开发小技巧：昼夜交替动画
记得在WP7上玩一个游戏有段动画很有趣,是背景在进行昼夜交替,一会儿白天太阳出来白天了,一会儿月亮蹦出来夜晚了,在以前做C++程序的时候曾经实现过类似的效果,今天早上移植了一下到Silverlight ...
Silverlight 游戏开发小技巧：技能冷却效果1（Cooldown）
到目前为止,大家都非常推崇魔兽的技能冷却效果,就是这样的,我记得群里还对这个效果展开过探讨,其实实现起来并不难,关键是思路是否正确,这部分我得谢谢猪笨无罪,是他先想出的解决方案,他不愿意写博客,也就只 ...

Silverlight 游戏开发小技巧：扇形排列元素

Silverlight 游戏开发小技巧：扇形排列元素相关推荐

最新文章

热门文章