经常阅读电子杂志的朋友对其流畅自然的翻页过渡效果应当留下了十分深刻的印象。这些杂志都是使用
Flash
技术制作而成的。总想着能用
Silverlight
实现这样的效果,去网上查查资料,找到了一个微软官方提供的翻页效果例子(教程说明点
这里
,在线实例演示及源代码下载点
这里
)。这里再推荐一个外国网站的
Silverlight
翻页
在线实例
。
![](http://www.csharpwin.com/upload/flippage6.png)
效果是十分的赞,只可惜控制的逻辑是用
JavaScript
代码实现的,这就不利于程序逻辑的整体控制。笔者最近在
CodePlex
上,找到了一个开源的翻页控件
WPF and Silverlight BookControls
(点
这里
进入),用它进行
Silverlight
翻页效果的开发就显得十分得心应手了。下面就向大家一步一步地介绍
Silverlight
翻页效果的实现过程。
导航:
②
添加必要文件
③
构建应用程序界面
⑤
最终效果图
点击
File->Projects...
菜单选项,新建一个
ASP.NET Web Application
。
![](http://www.csharpwin.com/upload/flippage7.png)
将新建工程名称命名为
FlipPage
。
![](http://www.csharpwin.com/upload/flippage8.png)
在解决方案下继续添加一个
Silverlight
应用程序项目,将该工程命名为
SilverlightClient
。
![](http://www.csharpwin.com/upload/flippage9.png)
在弹出的对话框中,直接点
OK
按钮。
![](http://www.csharpwin.com/upload/flippage10.png)
点击一下“全部保存”按钮,完成项目工程的创建。
在
SilverlightClient
项目文件夹下,新建一个名为
Dll
的文件夹,在里面放入
WPF and Silverlight BookControls
的动态链接库文件
SLMitsuControls.dll
(如下图)。在
FlipPage
项目文件夹下,新建一个名为
mediaPictures
的子文件夹,在里面放入将在书中显示的图片,如下图所示命名。同样的,在
SilverlightClient
项目文件夹下,新建一个名为
PageType
的文件夹,然后再新建两个类分别命名为
LeftPage.cs
和
RightPage.cs
(如下图),它们分别代表了书的偶数和奇数页面,具体代码如下所示(详细的说明请见代码注释)。
![](http://www.csharpwin.com/upload/flippage11.png)
![](http://www.csharpwin.com/upload/flippage12.png)
转载于:https://blog.51cto.com/2063557/542304