稳扎稳打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
-->
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
         < title >Silverlight.js </title>

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

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

</head>
< body >
         < div id ="container" >
                 < a href ="http://go.microsoft.com/fwlink/?LinkID=124807" style ="text-decoration: none;" >
                        <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight"
                                style="border-style: none" />
                 </a>
         </div>

         < 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的形式)。用“,”分隔
                        "myContext" // 上下文信息，可以在插件的 onLoad 事件中获取
                );

               @R_944_3816@ onSLLoad(plugin,userContext,sender) {
                        alert(plugin.id + " - " + userContext + " - " + sender.toString());
                }

               @R_944_3816@ onSLError(sender,args) {
                        // args - SyS.UI.Silverlight.ErrorEventArgs 类型
                        // ErrorEventArgs.errorType - 错误类型
                        // ErrorEventArgs.errormessage - 错误信息
                        // ErrorEventArgs.errorCode - 错误代码

                        // 程序 throw 出的异常可以在此处捕获到
                        alert(args.errorType + "\n" + args.errormessage + "\n" + args.errorCodE);
                }

               @R_944_3816@ onsourceDownloadComplete(sender,args) {
                        alert("sourceDownloadComplete");
                }


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

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

         < 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>

</body>
</html>

<Grid xmlns="http://scheR_225_11845@as.microsoft.com/winfx/2006/xaml/presentation"    
            xmlns:x="http://scheR_225_11845@as.microsoft.com/winfx/2006/xaml"
            BACkground="Bisque"
>
        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                <TextBlock Text="Loading" Margin="3" />
                <TextBlock x:Name="percent" Text="0%" Margin="3" />
        </StackPanel>
</Grid>

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
         < title >SplashScreen </title>
         < style type ="text/css" >
                html,body
                {
                        height: 100%;
                        overflow: auto;
                }
                body
                {
                        padding: 0;
                        margin: 0;
                }
                #silverLightcontrolHost
                {
                        height: 100%;
                }
         </style>
</head>
< body >
         < div id ="silverLightcontrolHost" >
                <object id="xaml1" data="data:application/x-silverlight-2," type="application/x-silverlight-2"
                        width="100%" height="100%">
                         < param name ="source" value ="../ClientBin/Silverlight20.xap" />
                        
                         < ! --下载 source 指定的 xap 的过程中所显示的 xaml 的地址-- >
                         < param name ="splashScreensource" value ="SplashScreen.xaml" />
                        
                         < ! --下载 source 指定的 xap 的过程中所持续调用的事件-- >
                         < param name ="onsourceDownloadProgressChanged" value ="onsourceDownloadProgressChanged" />
                        
                         < ! --souce 指定的 xap 被完全下载后所触发的事件-- >
                         < param name ="onsourceDownloadComplete" value ="onsourceDownloadComplete" />
                 </object>
                 < iframe style ='visibility: hidden; height: 0; width: 0; border: 0px' > </iframe>
         </div>

         < script type ="text/javascript" >
        
               @R_944_3816@ onsourceDownloadProgressChanged(sender,args) {
                        // progress 属性 - 下载进度（0 - 1 之间）
                        sender.findName("percent").Text = Math.round(args.progress * 10000) / 100 + "%";                        
                }

               @R_944_3816@ onsourceDownloadComplete(sender,args) {
                        sender.findName("percent").Text = "100%";
                }

         </script>

</body>
</html>

<UserControl x:Class="Silverlight20.Tip.Wheel"
        xmlns="http://scheR_225_11845@as.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://scheR_225_11845@as.microsoft.com/winfx/2006/xaml">
        <StackPanel>
                <TextBox x:Name="lblMsg" />
        </StackPanel>
</UserControl>

@H_772_760@

/*

@H_772_760@

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

@H_772_760@

*/

@H_772_760@

@H_772_760@

using System;

@H_772_760@

using System.Collections.Generic;

@H_772_760@

using System.Linq;

@H_772_760@

using System.Net;

@H_772_760@

using System.Windows;

@H_772_760@

using System.Windows.Controls;

@H_772_760@

using System.Windows.Documents;

@H_772_760@

using System.Windows.Input;

@H_772_760@

using System.Windows.Media;

@H_772_760@

using System.Windows.Media.Animation;

@H_772_760@

using System.Windows.Shapes;

@H_772_760@

@H_772_760@

using System.Windows.browser;

@H_772_760@

@H_772_760@

namespace Silverlight20.Tip

@H_772_760@

{

@H_772_760@

         public partial class Wheel : UserControl

@H_772_760@

        {

@H_772_760@

                 public Wheel()

@H_772_760@

                {

@H_772_760@

                        initializeComponent();

@H_772_760@

@H_772_760@

                         this.Loaded += new RoutedEventHandler(Wheel_Loaded);

@H_772_760@

                }

@H_772_760@

@H_772_760@

                 void Wheel_Loaded( object sender,RoutedEventArgs E)

@H_772_760@

                {

@H_772_760@

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

@H_772_760@

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

@H_772_760@

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

@H_772_760@

                }

@H_772_760@

@H_772_760@

                 private void OnMouseWheel( object sender,HtmlEventArgs args)

@H_772_760@

                {

@H_772_760@

                        args.PreventDefault();

@H_772_760@

@H_772_760@

                         double mouseDelta = 0;

@H_772_760@

                        ScriptObject eventObj = args.EventObject;

@H_772_760@

@H_772_760@

                         // Mozilla and Safari    

@H_772_760@

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

@H_772_760@

                        {

@H_772_760@

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

@H_772_760@

                        }

@H_772_760@

@H_772_760@

                         // IE and Opera        

@H_772_760@

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

@H_772_760@

                        {

@H_772_760@

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

@H_772_760@

                        }

@H_772_760@

@H_772_760@

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

@H_772_760@

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

@H_772_760@

                        lblMsg.Text += mouseDelta.ToString();

@H_772_760@

                }

@H_772_760@

        }

@H_772_760@

}