教你打造Silverlight超酷翻页实例(一)

经常阅读电子杂志的朋友对其流畅自然的翻页过渡效果应当留下了十分深刻的印象。这些杂志都是使用 Flash 技术制作而成的。总想着能用 Silverlight 实现这样的效果，去网上查查资料，找到了一个微软官方提供的翻页效果例子（教程说明点 这里 ，在线实例演示及源代码下载点 这里 ）。这里再推荐一个外国网站的 Silverlight 翻页 在线实例 。

@H_404_54@

 

 

效果是十分的赞，只可惜控制的逻辑是用 JavaScript 代码实现的，这就不利于程序逻辑的整体控制。笔者最近在 CodePlex 上，找到了一个开源的翻页控件 WPF and Silverlight BookControls （点 这里 进入），用它进行 Silverlight 翻页效果的开发就显得十分得心应手了。下面就向大家一步一步地介绍 Silverlight 翻页效果的实现过程。

导航：

① 建立翻页项目解决方案

② 添加必要文件

③ 构建应用程序界面

④ 设置应用程序控制逻辑

⑤ 最终效果图

1 、建立翻页项目解决方案

点击 File->Projects... 菜单选项，新建一个 ASP.NET Web Application 。

 

 

 

将新建工程名称命名为 FlipPage 。

 

 

 

在解决方案下继续添加一个 Silverlight 应用程序项目，将该工程命名为 SilverlightClient 。

 

 

 

在弹出的对话框中，直接点 OK 按钮。

 

 

 

点击一下“全部保存”按钮，完成项目工程的创建。

2 、添加必要文件

在 SilverlightClient 项目文件夹下，新建一个名为 Dll 的文件夹，在里面放入 WPF and Silverlight BookControls 的动态链接库文件 SLMitsuControls.dll （如下图）。在 FlipPage 项目文件夹下，新建一个名为 mediaPictures 的子文件夹，在里面放入将在书中显示的图片，如下图所示命名。同样的，在 SilverlightClient 项目文件夹下，新建一个名为 PageType 的文件夹，然后再新建两个类分别命名为 LeftPage.cs 和 RightPage.cs （如下图），它们分别代表了书的偶数和奇数页面，具体代码如下所示（详细的说明请见代码注释）。

@H_442_404@