稳扎稳打Silverlight(30) - 2.0Tip/Trick之Silverlight.js, Silverlight.supportedUserAgent.js, 自定义启动界面, 响应鼠标滚轮事件

<!--

详解 Silverlight.js 

Silverlight.js - 一些 js 帮助函数，用于嵌为入 Silverlight 插件以及自定义安装体验等提供帮助，其最新版本在如下地址下载

http://code.msdn.microsoft.com/silverlightjs

Silverlight.supportedUserAgent.js - 就一个函数，用于判断 Silverlight 是否支持用户的浏览器，其最新版本在如下地址下载

http://code.msdn.microsoft.com/SLsupportedUA

--> @H_197_115@

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > @H_197_115@

< html  xmlns ="http://www.w3.org/1999/xhtml" > @H_197_115@

< head > @H_197_115@

     < title > @H_197_115@Silverlight.js </ title > @H_197_115@

     < script  type ="text/javascript"  src ="../Silverlight.js" ></ script > @H_197_115@

     < script  src ="../Silverlight.supportedUserAgent.js"  type ="text/javascript" ></ script > @H_197_115@

</ head > @H_197_115@

< body > @H_197_115@

     < div  id ="container" > @H_197_115@

         < a  href ="http://go.microsoft.com/fwlink/?LinkID=124807"  style ="text-decoration: none;" > @H_197_115@

             < img  src ="http://go.microsoft.com/fwlink/?LinkId=108181"  alt ="Get Microsoft Silverlight"

                style ="border-style: none"   /> @H_197_115@

         </ a > @H_197_115@

     </ div > @H_197_115@

     < script  type ="text/javascript" >

        // Silverlight.createObject() - 生成一个嵌入了 Silverlight 插件的 object 元素

        Silverlight.createObject(

            "../ClientBin/Silverlight20.xap", // .xap 的地址

            document.getElementById('container'), // 包含此 object 元素的父元素

            "slPlugin", // object 元素的 id

            

{

                width: "100%",

                height: "100%",

                minRuntimeVersion: "2.0.31005.0"

            }, // Silverlight 插件的属性数组

            

{

                onLoad: onSLLoad,

                onError: onSLError,

                onsourceDownloadComplete: onsourceDownloadComplete

            }, // Silverlight 插件的事件处理程序数组

            "key1=value1,key2=value2", // 为 Silverlight 程序传递初始化参数(key=value的形式)。用“,”分隔

            "@H_925_420@myContext" // 上下文信息，可以在插件的 onLoad 事件中获取

        );

        function onSLLoad(plugin, userContext, sender) 

{

            alert(plugin.id + " - " + userContext + " - " + sender.toString());

        }

        function onSLError(sender, args) 

{

            // args - SyS.UI.Silverlight.ErrorEventArgs 类型

            // ErrorEventArgs.errorType - 错误类型

            // ErrorEventArgs.errormessage - 错误信息

            // ErrorEventArgs.errorCode - 错误代码

            // 程序 throw 出的异常可以在此处捕获到

            alert(args.errorType + "/n" + args.errormessage + "/n" + args.errorCodE);

        }

        function onsourceDownloadComplete(sender, args) 

{

            alert("sourceDownloadComplete");

        }

        // Silverlight.createObjectEx(params) - 将所有参数放入一个数组中传入，其内部会解析这个数组中的参数，然后调用 Silverlight.createObject()

        // Silverlight.default_error_handler =@R_831_3816@ (sender, args){} - onError 事件的默认处理程序，不需要的话可以将其置为 null

            

     </ script > @H_197_115@

     < script  type ="text/javascript" >

        window.onload = function() 

{

            // getSilverlight() - 尝试下载指定的版本，如果指定空字符串 "" 则为尝试下载最新版本

            // Silverlight.getSilverlight("2.0.31005.0");

            // isInstalled() - 判断是否安装了指定的 Silverlight 版本

            alert(Silverlight.isInstalled("2.0.31005.0"));

            // Silverlight.onSilverlighTinstalled - 使用 Silverlight.js 时，如果客户端没有安装 Silverlight 插件，则会自动安装，然后调用此方法以刷新浏览器，可以重写此方法以自定义行为（比如在此通过 createObject() 来使新安装的插件生效，而无需刷新）。注意：如果是 Silverlight 升级，则不会调用此方法，必须重启浏览器（只刷新是不行的）

            // supportedUserAgent(version, userAgent) - 判断 Silverlight 是否支持用户的浏览器，省略 userAgent 则为当前浏览器

            alert(Silverlight.supportedUserAgent("2.0"));

        }

    

     </ script > @H_197_115@

</ body > @H_197_115@

</ html > @H_197_115@

< Grid  xmlns ="http://@R_489_10906@mas.microsoft.com/winfx/2006/xaml/presentation"  

      xmlns:x ="http://@R_489_10906@mas.microsoft.com/winfx/2006/xaml"

      BACkground ="Bisque"

> @H_197_115@

     < StackPanel  Orientation ="Horizontal"  HorizontalAlignment ="Center"  VerticalAlignment ="Center" > @H_197_115@

         < TextBlock  Text ="Loading

"  Margin ="3"   /> @H_197_115@

         < TextBlock  x:Name ="percent"  text ="0%"  Margin ="3"   /> @H_197_115@

     </ StackPanel > @H_197_115@

</ Grid >

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > @H_197_115@

< html  xmlns ="http://www.w3.org/1999/xhtml" > @H_197_115@

< head > @H_197_115@

     < title > @H_197_115@SplashScreen </ title > @H_197_115@

@H_430_1301@

     < style  type ="text/css" >

        html, body

        {

}{

            height: 100%;

            overflow: auto;

        }

        body

        @H_220_1673@{

}{

            padding: 0;

            margin: 0;

        }

        #silverLightcontrolHost

        {

}{

            height: 100%;

        }

     </ style > @H_197_115@

</ head > @H_197_115@

< body > @H_197_115@

     < div  id ="silverLightcontrolHost" > @H_197_115@

         < object  id ="xaml1"  data ="data:application/x-silverlight-2,"  type ="application/x-silverlight-2"

            width ="100%"  height ="100%" > @H_197_115@

             < param  name ="source"  value ="../ClientBin/Silverlight20.xap"   /> @H_197_115@

            

             <!-- 下载 source 指定的 xap 的过程中所显示的 xaml 的地址 --> @H_197_115@

             < param  name ="splashScreensource"  value ="SplashScreen.xaml"   /> @H_197_115@

            

             <!-- 下载 source 指定的 xap 的过程中所持续调用的事件 --> @H_197_115@

             < param  name ="onsourceDownloadProgressChanged"  value ="onsourceDownloadProgressChanged"   /> @H_197_115@

            

             <!-- souce 指定的 xap 被完全下载后所触发的事件 --> @H_197_115@

             < param  name ="onsourceDownloadComplete"  value ="onsourceDownloadComplete"   /> @H_197_115@

         </ object > @H_197_115@

         < iframe  style ='visibility:  hidden; height: 0; width: 0; border: 0px' ></ iframe > @H_197_115@

     </ div > @H_197_115@

     < script  type ="text/javascript" >

@H_944_2121@

    

        function onsourceDownloadProgressChanged(sender, args) 

@H_944_2152@{

            // progress 属性 - 下载进度（0 - 1 之间）

            sender.findName("percent").Text = Math.round(args.progress * 10000) / 100 + "%";            

        }

        function onsourceDownloadComplete(sender, args) 

{

            sender.findName("percent").Text = "100%";

        }

     </ script > @H_197_115@

</ body > @H_197_115@

</ html > @H_197_115@

< UserControl  x:Class ="Silverlight20.Tip.Wheel"

    xmlns ="http://@R_489_10906@mas.microsoft.com/winfx/2006/xaml/presentation"  

    xmlns:x ="http://@R_489_10906@mas.microsoft.com/winfx/2006/xaml" > @H_197_115@

     < StackPanel > @H_197_115@

         < TextBox  x:Name ="lblMsg"   /> @H_197_115@

     </ StackPanel > @H_197_115@

</ UserControl > @H_197_115@

/**/ /*

 * 如何响应鼠标滚轮事件，可以参看 Deep Zoom Composer 生成的 MouseWheelHelper.cs

 */ @H_197_115@

using @H_197_115@ System;

using @H_197_115@ System.Collections.Generic;

using @H_197_115@ System.Linq;

using @H_197_115@ System.Net;

using @H_197_115@ System.Windows;

using @H_197_115@ System.Windows.Controls;

using @H_197_115@ System.Windows.Documents;

using @H_197_115@ System.Windows.Input;

using @H_197_115@ System.Windows.Media;

using @H_197_115@ System.Windows.Media.Animation;

using @H_197_115@ System.Windows.Shapes;

using @H_197_115@ System.Windows.browser;

namespace @H_197_115@ Silverlight20.Tip

@H_197_115@{

    public@H_197_115@ partial@H_197_115@ class@H_197_115@ Wheel : UserControl

    

@H_197_115@{

        public@H_197_115@ Wheel()

        

@H_197_115@{

            initializeComponent();

            this@H_197_115@.Loaded @H_197_115@+=@H_197_115@ new@H_197_115@ routedEventHandler(Wheel_Loaded);

        }@H_197_115@

        void@H_197_115@ Wheel_Loaded(object@H_197_115@ sender, routedEventArgs E)

        

@H_197_115@{

            HtmlPage.Window.AttachEvent("DOMMouseScroll"@H_197_115@, OnMouseWheel);

            HtmlPage.Window.AttachEvent("onmousewheel"@H_197_115@, OnMouseWheel);

            HtmlPage.Document.AttachEvent("onmousewheel"@H_197_115@, OnMouseWheel);

        }@H_197_115@

        private@H_197_115@ void@H_197_115@ OnMouseWheel(object@H_197_115@ sender, HtmlEventArgs args)

        

@H_348_@R_618_10124@@@H_197_115@{

            args.PreventDefault();

            double@H_197_115@ mouseDelta @H_197_115@=@H_197_115@ 0@H_197_115@;

            ScriptObject eventObj @H_197_115@=@H_197_115@ args.EventObject;

            // Mozilla and Safari  

@H_197_115@            if@H_197_115@ (eventObj.GetProperty("detail"@H_197_115@) @H_197_115@!=@H_197_115@ null@H_197_115@)

            

@H_197_115@{

                mouseDelta @H_197_115@=@H_197_115@ ((double@H_197_115@)eventObj.GetProperty("detail"@H_197_115@));

            }@H_197_115@

            // IE and Opera   

@H_197_115@            else@H_197_115@ if@H_197_115@ (eventObj.GetProperty("wheelDelta"@H_197_115@) @H_197_115@!=@H_197_115@ null@H_197_115@)

            

@H_197_115@{

                mouseDelta @H_197_115@=@H_197_115@ ((double@H_197_115@)eventObj.GetProperty("wheelDelta"@H_197_115@));

            }@H_197_115@

            // IE浏览器：mouseDelta == 120 向上滚动；mouseDelta == -120 向下滚动

            // FF浏览器：mouseDelta == -3 向上滚动；mouseDelta == 3 向下滚动

@H_197_115@            lblMsg.Text @H_197_115@+=@H_197_115@ mouseDelta.ToString();

        }@H_197_115@

    }@H_197_115@

} @H_197_115@