Silverlight1.0开发向导

zoukankan html css js c++ java

Silverlight1.0开发向导
第一步：在HTML页面加入Javascript引用
这步主要是要在HTML页面中插入Silverlight.js和createSilverlight.js这两个文件的引用，并创建一个HTML元素来作为silverlight插件的宿主。
Silverlight.js是跨平台浏览所需要的一个辅助性文件，你可以在Silverlight 1.0 SDK的Tools目录找到。
首先打开HTML页面并在<head>部分添加下列标签：
Java代码
1. <script type="text/javascript" src="Silverlight.js"></script>
```
<script type="text/javascript" src="Silverlight.js"></script>
```
再创建一个空白的createSilverlight.js，我们随后会用到这个文件。在你的HTML页面中同样也添加这个脚本的引用，如下：
Java代码
1. <script type="text/javascript" src="createSilverlight.js"></script>
```
<script type="text/javascript" src="createSilverlight.js"></script>
```
最后得到这样一个HTML页面：
Java代码
2. <!DOCTYPE html PUBLIC
3. "-//W3C//DTD XHTML 1.0 Transitional//EN"
4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
6. <head>
7. <title>A Sample HTML page</title>
8. <script type="text/javascript" src="Silverlight.js"></script>
9. <script type="text/javascript" src="createSilverlight.js"></script>
10. </head>
11. <body>
12. </body>
13. </html>
```
<!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" xml:lang="en">
  <head>
    <title>A Sample HTML page</title>
    <script type="text/javascript" src="Silverlight.js"></script>
    <script type="text/javascript" src="createSilverlight.js"></script>
  </head>
  <body>
  </body>
</html>
```
第二步创建HTML宿主元素和初始化段
在HTML文件中添加下面三行就可以创建用来呈现Silverlight内容的HTML宿主元素，
Java代码
1. 
2. <div id="mySilverlightPluginHost">
3. </div>
```

<div id="mySilverlightPluginHost">
</div>
```
你可以根据需要修改<div>标记的ID。重复上面的步骤就可以在同一页面内创建多个SilverLight的实例，不过要保证ID是唯一的。
创建初始化段：在刚添加的HTML标记之后加入下面的脚本。
Java代码
1. <script type="text/javascript">
4. // Retrieve the div element you created in the previous step.
5. var parentElement =
6. document.getElementById("mySilverlightPluginHost");
8. // This function creates the Silverlight plug-in.
9. createMySilverlightPlugin();
11. </script>
```
<script type="text/javascript">
        
        
        // Retrieve the div element you created in the previous step.
        var parentElement = 
            document.getElementById("mySilverlightPluginHost");
        
        // This function creates the Silverlight plug-in.
        createMySilverlightPlugin();
        
</script>
```
对于页面中有多个SilverLight实例，则需重复上述步骤多次。你可以使用名称唯一的函数,或者你使用一个函数然后用唯一的ID来作为参数来创建这些实例。同时要保证每段脚本都紧跟在相关的DIV元素之后。
现在我们得到下面的html
Java代码
1. <!DOCTYPE html PUBLIC
2. "-//W3C//DTD XHTML 1.0 Transitional//EN"
3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
5. <head>
6. <title>A Sample HTML page</title>
7. <script type="text/javascript" src="Silverlight.js"></script>
8. <script type="text/javascript" src="createSilverlight.js"></script>
9. </head>
10. <body>
12. 
13. <div id="mySilverlightPluginHost">
14. </div>
15. <script type="text/javascript">
18. // Retrieve the div element you created in the previous step.
19. var parentElement =
20. document.getElementById("mySilverlightPluginHost");
22. // This function creates the Silverlight plug-in.
23. createMySilverlightPlugin();
25. </script>
27. </body>
28. </html>
```
<!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" xml:lang="en">
  <head>
    <title>A Sample HTML page</title>
    <script type="text/javascript" src="Silverlight.js"></script>
    <script type="text/javascript" src="createSilverlight.js"></script>
  </head>
  <body>

    
    <div id="mySilverlightPluginHost">
    </div>
    <script type="text/javascript">
        
        
        // Retrieve the div element you created in the previous step.
        var parentElement = 
            document.getElementById("mySilverlightPluginHost");
        
        // This function creates the Silverlight plug-in.
        createMySilverlightPlugin();
        
    </script>

  </body>
</html>
```
第三步：定义创建函数来初始化插件的实例
打开第一步创建的 createSilverlight.js 并添加下面的JavaScript函数。
Java代码
2. function createMySilverlightPlugin()
3. {
4. Silverlight.createObject(
5. "myxaml.xaml", // Source property value.
6. parentElement, // DOM reference to hosting DIV tag.
7. "mySilverlightPlugin", // Unique plug-in ID value.
8. { // Per-instance properties.
9. '300', // Width of rectangular region of
10. // plug-in area in pixels.
11. height:'300', // Height of rectangular region of
12. // plug-in area in pixels.
13. inplaceInstallPrompt:false, // Determines whether to display
14. // in-place install prompt if
15. // invalid version detected.
16. background:'#D6D6D6', // Background color of plug-in.
17. isWindowless:'false', // Determines whether to display plug-in
18. // in Windowless mode.
19. framerate:'24', // MaxFrameRate property value.
20. version:'1.0' // Silverlight version to use.
21. },
22. {
23. onError:null, // OnError property value --
24. // event handler function name.
25. onLoad:null // OnLoad property value --
26. // event handler function name.
27. },
28. null); // Context value -- event handler function name.
29. }
```
      
function createMySilverlightPlugin()
{  
    Silverlight.createObject(
        "myxaml.xaml",                  // Source property value.
        parentElement,                  // DOM reference to hosting DIV tag.
        "mySilverlightPlugin",         // Unique plug-in ID value.
        {                               // Per-instance properties.
            '300',                // Width of rectangular region of 
                                        // plug-in area in pixels.
            height:'300',               // Height of rectangular region of 
                                        // plug-in area in pixels.
            inplaceInstallPrompt:false, // Determines whether to display 
                                        // in-place install prompt if 
                                        // invalid version detected.
            background:'#D6D6D6',       // Background color of plug-in.
            isWindowless:'false',       // Determines whether to display plug-in 
                                        // in Windowless mode.
            framerate:'24',             // MaxFrameRate property value.
            version:'1.0'               // Silverlight version to use.
        },
        {
            onError:null,               // OnError property value -- 
                                        // event handler function name.
            onLoad:null                 // OnLoad property value -- 
                                        // event handler function name.
        },
        null);                          // Context value -- event handler function name.
}
```
这个脚本里包含许多你想定制的参数,比如插件的长宽(也可以用百分比), 包含呈现内容的XAML文件名, 是否使用Windowsless模式。
在同一页面里如果有多个Silverlight插件，则要为每一个创建一个新的函数。或者比较简单的创建一个带参数的函数，然后根据插件的ID分别调用不同的代码。
第四部创建Silverlight呈现内容。
现在HTML文件已经配置完毕，该创建呈现内容了。
在这个HTML所在的目录下创建一个名叫"myxaml.xaml"的空白文件。如果你在上一步使用了不同的文件名，记得与之匹配。
如果SliverLight项目要进行事件处理，或者与代码动态生成，或者与用户交互，它需要一些额外的javascript脚本，并在HTML页面中添加引用。下面的例子里我们引用了一个叫my-script.js的脚本
Java代码
1. <script type="text/javascript" src="my-script.js"></script>
```
<script type="text/javascript" src="my-script.js"></script>
```
整个html如下：
Java代码
2. <!DOCTYPE html PUBLIC
3. "-//W3C//DTD XHTML 1.0 Transitional//EN"
4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
6. <head>
7. <title>A Sample HTML page</title>
8. <script type="text/javascript" src="Silverlight.js"></script>
9. <script type="text/javascript" src="createSilverlight.js"></script>
10. <script type="text/javascript" src="my-script.js"></script>
11. </head>
12. <body>
14. 
15. <div id="mySilverlightPluginHost">
16. </div>
17. <script type="text/javascript">
20. // Retrieve the div element you created in the previous step.
21. var parentElement = document.getElementById("mySilverlightPluginHost");
22. createMySilverlightPlugin();
24. </script>
26. </body>
27. </html>
```
  <!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" xml:lang="en">
  <head>
    <title>A Sample HTML page</title>
    <script type="text/javascript" src="Silverlight.js"></script>
    <script type="text/javascript" src="createSilverlight.js"></script>
    <script type="text/javascript" src="my-script.js"></script>
  </head>
  <body>

    
    <div id="mySilverlightPluginHost">
    </div>
    <script type="text/javascript">
        
        
        // Retrieve the div element you created in the previous step.
        var parentElement = document.getElementById("mySilverlightPluginHost");
        createMySilverlightPlugin();
        
    </script>

  </body>
</html>
```
创建多个插件须知：
查看全文

相关阅读:
利用自定义分页技术提高数据库性能
 solr深分页，游标操作分页，解决性能问题
 Selenium2+python自动化54-unittest生成测试报告（HTMLTestRunner）
Selenium2+python自动化53-unittest批量执行（discover）
Selenium2+python自动化52-unittest执行顺序
 Selenium2+python自动化51-unittest简介
 Fiddler抓包2-只抓APP的请求
 selenium3+python自动化50-环境搭建（firefox）
Selenium2+python自动化49-判断文本（text_to_be_present_in_element）
Selenium2+python自动化47-判断弹出框存在(alert_is_present)

原文地址：https://www.cnblogs.com/slteam/p/1378708.html