C#开发WPF/Silverlight动画及游戏系列教程(Game Course)：(二十二)重构 – 让代码插上翅膀自由飞翔

核心提示： 其实这段代码改造起来是很简单的，不外呼统一书写格式，C#开发WPF/Silverlight动画及游戏系列教程(Game Course)：(二十二)重构 – 让代码插上翅膀自由飞翔(2)，从而提高代码的可读性，下面且看我是如何操作的： 1、分析，其中的网页播放器与广告均为浮动层，我们通过设置播放

其实这段代码改造起来是很简单的，不外呼统一书写格式，从而提高代码的可读性。下面且看我是如何操作的：

1、分析，Canvas.SetLeft、Canvas.SetTop与Canvas.ZindexProperty这3个东西设置的是地表层图片左上角距离游戏窗口的X距离、Y距离以及它在游戏窗口中的深度(层次)。并且，它们的赋值范围均为整数(正、负、0皆可)。

2、思考，WPF与Silverlight同属于不同形式的应用，一个桌面，一个浏览器；但是它们却可以使用相同的xaml进行表现层设计，是MS刻意拉近两者的距离？这无从考证，未来可以回答我们，但是从两着的共性让我不禁联想起了网页。

3、比较，网页对象的Style（Css样式表)属性中有3个属性与上面的3个属性名称与作用惊人的相似：left、top、z-index，只是它们必须在position:absolute模式下使用，但这又切中了我们下怀，Canvas画布的内部布局同样是采用基于点的绝对定位，两者看来仿若一物。

为了更清晰的比较，大家先看上图。会做网页的朋友再熟悉不过了，其中的网页播放器与广告均为浮动层，我们通过设置播放器div的left、top样式值来使之在网页中绝对定位到相对于网页左上角的(A,B)这个像素坐标位置；并且播放器的z-index值大于广告的z-index值，因此前者的显示层次高于后者。

接下来再看下图：