Silverlight浏览器控件应用指导手册

Silverlight开发工具的使用对于开发人眼中来说是一个非常有用的工具。它的正确运用为我们带来了制作精美的多媒体WEB应用程序。在初学Silverlight就感觉这个东西很强大。今天我来写些Silverlight浏览器控件。#t#

首先,我来说说怎么把Silverlight浏览器控件嵌入到网页中:

  1. < html>
  2. < head> 
  3. < script type = "text/javascript" 
    src="Silverlight.js"> 
  4. < /script> 
  5. < /head> 
  6. < body> 
  7. < /body> 
  8. < /html> 

Siverlight.js文件包含两个初始化Silverlight控件的方法,分别是createObject和createObjectEx。

在创建Silverlight浏览器控件实例的时候需注意一些属性有必要申明,例如width,height,background等。而onload和onerror需在事件数组中声明。请看下面的示例:

 

 
 
 
  1. Silverlight.createObject(   
  2. "Page.xaml",   
  3. document.getElementById
    (parentElement),   
  4. cid,   
  5. {   
  6. width:'300',   
  7. height:'300',   
  8. inplaceInstallPrompt:false,   
  9. background:'#D6D6D6',   
  10. isWindowless:'false',   
  11. framerate:'24',   
  12. version:'2.0'   
  13. },   
  14. {   
  15. onError:null,   
  16. onLoad:null  
  17. },   
  18. "p1,p2,p3",  
  19. context,  
  20. null); 

现在只要在HTML页面进行引用调用就可以运行了。差点忘了还要加一个XAML源才会正常显示内容。这只是一种Silverlight浏览器控件的创建方法,还有另外一种更简单的方法创建实例——直接用Object创建:

 
 
 
  1. Code  
  2. < object data="data:application/x-silverlight," 
    type="application/x-silverlight-2-b1" 
    width="100%" height="100%"> 
  3. < param name="source" value="Page.xaml"/> 
  4. < param name="onerror" value=
    "onSilverlightError" /> 
  5. < param name="background" value="white" /> 
  6. < a href="http://go.microsoft.com/
    fwlink/?LinkID=108182"
     style="text-
    decoration: none;"
    > 
  7. < img src="http://go.microsoft.com
    /fwlink/?LinkId=108181"
     alt="Get 
    Microsoft Silverlight"
     style=
    "border-style: none"/> 
  8. < /a> 
  9. < /object> 

这里的data:application/x-silverlight需要注意,Silverlight版本不同这个也不同。
响应页面加载事件,只要在onload声明的时候,写上函数名,然后在用javascript写函数就完成了Silverlight浏览器控件的创建。

THE END