将SL4 程序移植到WP7（附Teched2010真机图）

　　前不久WP7 已经在国外上市，这意味着相应的WP7 应用程序和游戏将会蜂拥而至，由于之前研究过一阵SL，看到WP7 到来手便开始发痒。本篇将原来一个SL 模拟Nano5 的程序移植到WP7，为大家简单演示一下移植过程。SL 程序请参考《Silverlight 模拟Nano5 界面效果》。

　　素材移植

　　注意，您的计算机上需要安装Windows Phone Developer Tools。首先我们来新建一个WP7 应用程序。

　　由于SL 程序比较简单只包含一些图片，所以将所有素材资源复制到WP7 项目。如下图SL4 与WP7 项目列表对比。

　　程序移植

　　接下来先对XAML 程序进行移植，原来SL4 程序里XAML 只有一个。

<Canvas x:Name="LayoutRoot" MouseLeftButtonDown="LayoutRoot_MouseLeftButtonDown" />

　　在WP7 中需要将 放入ContentPanel 。

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"
      ManipulationDelta="ContentPanel_ManipulationDelta">
     <Canvas x:Name="imageList" Background="Transparent"/>
Grid>

　　下面移植C# 程序，可以将SL4 的C# 程序全部复制到WP7 中再逐一对错误提示进行修改和调整。

　　MainPage() 方法

　　SL4：

public MainPage()
{
    InitializeComponent();
    addImages();
    HtmlPage.Window.AttachEvent("DOMMouseScroll", LayoutRoot_MouseWheel);
    HtmlPage.Window.AttachEvent("onmousewheel", LayoutRoot_MouseWheel);
    HtmlPage.Document.AttachEvent("onmousewheel", LayoutRoot_MouseWheel);
    startShow();
}

　　WP7：不再需要支持不同浏览器的鼠标滚轮事件。

public MainPage()
{
    InitializeComponent();
    addImages();
    startShow();
}

　　事件触发

　　SL4：通过MouseWheel 鼠标滚轮事件来切换专辑封面。

private void LayoutRoot_MouseWheel(object sender, HtmlEventArgs args)
{

    double mouseDelta = 0;
    ScriptObject e = args.EventObject;
    // Mozilla and Safari    
    if (e.GetProperty("detail") != null)
    {
        mouseDelta = ((double)e.GetProperty("detail"));
    }

    // IE and Opera   
    else if (e.GetProperty("wheelDelta") != null)
        mouseDelta = ((double)e.GetProperty("wheelDelta"));

    mouseDelta = Math.Sign(mouseDelta);

    moveIndex((mouseDelta > 0) ? 1 : -1);
}

　　WP7：通过ManipulationDelta 触屏事件来完成。

private void ContentPanel_ManipulationDelta(object sender, ManipulationDeltaEventArgs e)
{
    if (e.DeltaManipulation.Translation.X > 0)
    {
        moveIndex(1);
    }
    else 
    { 
        moveIndex(-1); 
    }
}

　　测试运行

　　打开WP7 模拟器后，原来的SL4 程序仍然可以在WP7 中正常运行，唯一区别就是原来的鼠标操作变为了触屏操作。

　　总结

     当然本篇的SL4 程序相对来说比较简单，没有复杂的动态效果或类库调用。在本次Teched2010 大会也和泳涛兄（WP7 MVP）交流了一下。其实SL 程序移植到WP7 也并非易事。首先，要将原来SL 项目里所有使用的资源全部复制到WP7 项目。除图、音、影以外，更重要的是项目中引用的类库，有些类库可能在WP7 中并不支持。其次，要将SL 的XAML 代码移植到WP7，所谓WP7 中的SL 开发平台只是SL 的一部分，也就是说有些SL 的控件、属性在WP7 不能使用，所以要做进一步的调整。最后，要把C# 程序移植到WP7，这也是很复杂的过程，其中涉及的因素很多，可借助VS 强大的调试功能进行修改。后续我还会对一些稍微复杂些的程序进行移植，也希望大家分享自己的开发经验。

　　源代码：WP7Nano5.zip

　　Teched2010

　　最后上几张Teched2010 中用于Demo 演示和展示的WP7 真机。机型：三星

　　可以按自己的喜好设置主题颜色：

　　手机游戏：刺客信条、极品飞车，都是大作啊！玩了一下极品飞车，运行很流畅，通过重力感应控制赛车转向。

　　美中不足的是当前WP7 本身还不支持中文输入，也没有手写输入。要是用WP7 发短信可麻烦了，但似乎有第三方开发的软件可以支持。期待WP7 早日登陆国内市场。