活动介绍

《Silverlight与HTML的集成与交互》

立即解锁
发布时间: 2025-08-26 01:38:44 阅读量: 2 订阅数: 14
PDF

Silverlight 5编程与应用实例解析

### 《Silverlight与HTML的集成与交互》 #### 1. 样式属性修改与JavaScript事件处理 在开发中,你可以在任何时候使用`SetStyleAttribute()`方法来更改单个样式属性,而无需考虑样式最初是如何设置的,甚至在还未设置其他样式属性时也能使用。若想查看可用于配置元素的CSS属性,可参考www.w3schools.com/css。 除了查找、检查和更改HTML元素,你还能处理它们的事件。这就需要你了解HTML DOM事件的名称,具备一定的JavaScript技能以便在Silverlight和HTML之间进行交互。以下是一些常用的HTML DOM事件: | 事件 | 描述 | | --- | --- | | onchange | 用户更改输入控件中的值时触发,在文本控件中,用户将焦点转移到其他控件后触发此事件 | | onclick | 用户点击控件时触发 | | onmouseover | 用户将鼠标指针移到控件上时触发 | | onmouseout | 用户将鼠标指针移开控件时触发 | | onkeydown | 用户按下按键时触发 | | onkeyup | 用户释放按下的按键时触发 | | onselect | 用户在输入控件中选择部分文本时触发 | | onfocus | 控件获得焦点时触发 | | onblur | 控件失去焦点时触发 | | onabort | 用户取消图像下载时触发 | | onerror | 图像无法下载(可能是因为URL错误)时触发 | | onload | 新页面下载完成时触发 | | onunload | 页面卸载时触发(通常在输入新URL或点击链接后发生,在新页面下载前触发) | 要附加事件处理程序,可使用`HtmlElement.AttachEvent()`方法,该方法可在任何时候调用,适用于现有或新创建的元素。例如,监听段落的`onclick`事件: ```csharp element.AttachEvent("onclick", paragraph_Click); ``` 你可以使用`HtmlElement.AttachEvent()`处理任何HTML元素引发的事件,也可以使用`HtmlWindow.AttachEvent()`处理浏览器窗口(DOM窗口对象)引发的事件,使用`HtmlDocument.AttachEvent()`处理顶级文档(DOM文档对象)引发的事件。事件处理程序会接收一个`HtmlEventArgs`对象,它能提供大量额外信息。对于鼠标事件,你可以检查鼠标的精确坐标(相对于引发事件的元素)以及不同鼠标按钮的状态。 以下是一个事件处理程序的示例,它会更改段落的文本和背景颜色: ```csharp private void paragraph_Click(object sender, HtmlEventArgs e) { HtmlElement element = (HtmlElement)sender; element.SetProperty("innerHTML", "You clicked this HTML element, and Silverlight handled it."); element.SetStyleAttribute("background", "#00ff00"); } ``` 通过这种技术,你可以使用Silverlight作为中介,用客户端C#代码编写HTML页面脚本,而无需使用通常所需的JavaScript。 #### 2. 代码交互 前面介绍了Silverlight应用程序如何与浏览器交互,以执行导航和操作HTML元素。但这种方法存在一个弱点,即代码耦合紧密,Silverlight应用程序对当前页面上的HTML元素及其唯一ID有硬编码假设。一旦HTML页面中的这些细节发生变化,与之交互的Silverlight代码将无法正常工作。 为解决这个问题,可采用代码交互的方式,而非直接操作元素。例如,Silverlight应用程序可以通过调用页面中的JavaScript方法来更新HTML页面的内容。JavaScript代码在Silverlight代码和HTML内容之间增加了一层灵活性,即使页面上的HTML元素发生变化,只需更新JavaScript方法,Silverlight应用程序无需重新编译。同样,也可以编写JavaScript代码来调用用托管C#代码编写的Silverlight方法。 #### 2.1 从Silverlight调用浏览器脚本 利用`System.Windows.Browser`命名空间中的Silverlight类,你可以调用脚本块中声明的JavaScript函数。这为Silverlight代码与页面交互提供了一种规范、可控的方式。如果你已有一个功能完备的页面,包含完整的JavaScript函数,就无需重复编写操作页面元素的代码,直接调用现有的方法即可。 假设在HTML页面的`<head>`部分定义了如下函数: ```html <script type="text/javascript"> function changeParagraph(newText) { var element = document.getElementById("paragraph"); element.innerHTML = newText; } </script> ``` 要调用这个方法,需使用`HtmlWindow.GetProperty()`方法并传入函数名,会得到一个`ScriptObject`,可随时调用`InvokeSelf()`方法执行它。 ```csharp ScriptObject script = (ScriptObject)HtmlPage.Window.GetProperty("changeParagraph"); ``` 调用`InvokeSelf()`时,需传入所有参数。`changeParagraph()`函数需要一个字符串参数,调用方式如下: ```csharp script.InvokeSelf("Changed through JavaScript."); ``` #### 2.2 从浏览器调用Silverlight方法 有趣的是,Silverlight还具备让JavaScript代码调用托管代码编写的方法的能力,不过这个过程稍微复杂一些。要实现这一点,需按以下步骤操作: 1. 在Silverlight代码中创建一个公共方法,该方法应暴露网页所需的信息或功能。可以将该方法放在页面类或单独的类中,尽量使用简单的数据类型,如字符串、布尔值和数字,除非你愿意将对象序列化为更简单的形式。 2. 在要从JavaScript调用的方法声明中添加`ScriptableMember`属性。 3. 在包含可脚本化方法的类声明中添加`ScriptableType`属性。 4. 调用`HtmlPage.RegisterScriptableObject()`方法,将Silverlight方法暴露给JavaScript。 完成这些步骤后,JavaScript代码就可以通过代表Silverlight内容区域的`<object>`元素调用Silverlight方法。为便于操作,给`<object>`元素赋予一个唯一ID很重要。默认情况下,Visual Studio创建的测试页面会为包含`<object>`元素的`<div>`元素命名(`silverlightControlHost`),但不会为内部的`<object>`元素命名。在继续之前,你应该创建一个包含此细节的测试页面: ```html <div id="silverlightControlHost"> <object data="data:application/x-silverlight," type="application/x-silverlight-2-b1" width="400" height="300" id="silverlightControl"> ... </object> <iframe style="visibility:hidden;height:0;width:0;border:0px"></iframe> </div> ``` 以下是一个示例,创建一个包含可脚本化方法的自定义页面类: ```csharp [ScriptableType()] public partial class ScriptableSilverlight: UserControl { public ScriptableSilverlight() { InitializeComponent(); HtmlPage.RegisterScriptableObject("Page", this); } [ScriptableMember()] public void ChangeText(string newText) { lbl.Text = newText; } } ``` 注册可脚本化类型时,需指定一个JavaScript对象名称并传递相应对象的引用。这里,`ScriptableSilverlight`类的实例以`Page`名称注册,这会让Silverlight在JavaScript页面的Silverlight控件中创建一个名为`Page`的属性。因此,要调用这个方法,JavaScript代码需要找到Silverlight控件,获取其内容,然后调用`Page.ChangeText()`方法。 以下是一个实现此功能的JavaScript函数示例: ```html <script type="text/javascript"> function updateSilverlightText() { var control = document.getElementById("silverlightCo ```
corwn 最低0.47元/天 解锁专栏
赠100次下载
继续阅读 点击查看下一篇
profit 400次 会员资源下载次数
profit 300万+ 优质博客文章
profit 1000万+ 优质下载资源
profit 1000万+ 优质文库回答
复制全文

相关推荐

张诚01

知名公司技术专家
09级浙大计算机硕士,曾在多个知名公司担任技术专家和团队领导,有超过10年的前端和移动开发经验,主导过多个大型项目的开发和优化,精通React、Vue等主流前端框架。
最低0.47元/天 解锁专栏
赠100次下载
百万级 高质量VIP文章无限畅学
千万级 优质资源任意下载
千万级 优质文库回答免费看
立即解锁

专栏目录

最新推荐

从近似程度推导近似秩下界

# 从近似程度推导近似秩下界 ## 1. 近似秩下界与通信应用 ### 1.1 近似秩下界推导 通过一系列公式推导得出近似秩的下界。相关公式如下: - (10.34) - (10.37) 进行了不等式推导,其中 (10.35) 成立是因为对于所有 \(x,y \in \{ -1,1\}^{3n}\),有 \(R_{xy} \cdot (M_{\psi})_{x,y} > 0\);(10.36) 成立是由于 \(\psi\) 的平滑性,即对于所有 \(x,y \in \{ -1,1\}^{3n}\),\(|\psi(x, y)| > 2^d \cdot 2^{-6n}\);(10.37) 由

量子物理相关资源与概念解析

# 量子物理相关资源与概念解析 ## 1. 参考书籍 在量子物理的学习与研究中,有许多经典的参考书籍,以下是部分书籍的介绍: |序号|作者|书名|出版信息|ISBN| | ---- | ---- | ---- | ---- | ---- | |[1]| M. Abramowitz 和 I.A. Stegun| Handbook of Mathematical Functions| Dover, New York, 1972年第10次印刷| 0 - 486 - 61272 - 4| |[2]| D. Bouwmeester, A.K. Ekert, 和 A. Zeilinger| The Ph

使用GameKit创建多人游戏

### 利用 GameKit 创建多人游戏 #### 1. 引言 在为游戏添加了 Game Center 的一些基本功能后,现在可以将游戏功能扩展到支持通过 Game Center 进行在线多人游戏。在线多人游戏可以让玩家与真实的人对战,增加游戏的受欢迎程度,同时也带来更多乐趣。Game Center 中有两种类型的多人游戏:实时游戏和回合制游戏,本文将重点介绍自动匹配的回合制游戏。 #### 2. 请求回合制匹配 在玩家开始或加入多人游戏之前,需要先发出请求。可以使用 `GKTurnBasedMatchmakerViewController` 类及其对应的 `GKTurnBasedMat

区块链集成供应链与医疗数据管理系统的优化研究

# 区块链集成供应链与医疗数据管理系统的优化研究 ## 1. 区块链集成供应链的优化工作 在供应链管理领域,区块链技术的集成带来了诸多优化方案。以下是近期相关优化工作的总结: | 应用 | 技术 | | --- | --- | | 数据清理过程 | 基于新交叉点更新的鲸鱼算法(WNU) | | 食品供应链 | 深度学习网络(长短期记忆网络,LSTM) | | 食品供应链溯源系统 | 循环神经网络和遗传算法 | | 多级供应链生产分配(碳税政策下) | 混合整数非线性规划和分布式账本区块链方法 | | 区块链安全供应链网络的路线优化 | 遗传算法 | | 药品供应链 | 深度学习 | 这些技

元宇宙与AR/VR在特殊教育中的应用及安全隐私问题

### 元宇宙与AR/VR在特殊教育中的应用及安全隐私问题 #### 元宇宙在特殊教育中的应用与挑战 元宇宙平台在特殊教育发展中具有独特的特性,旨在为残疾学生提供可定制、沉浸式、易获取且个性化的学习和发展体验,从而改善他们的学习成果。然而,在实际应用中,元宇宙技术面临着诸多挑战。 一方面,要确保基于元宇宙的技术在设计和实施过程中能够促进所有学生的公平和包容,避免加剧现有的不平等现象和强化学习发展中的偏见。另一方面,大规模实施基于元宇宙的特殊教育虚拟体验解决方案成本高昂且安全性较差。学校和教育机构需要采购新的基础设施、软件及VR设备,还会产生培训、维护和支持等持续成本。 解决这些关键技术挑

由于提供的内容仅为“以下”,没有具体的英文内容可供翻译和缩写创作博客,请你提供第38章的英文具体内容,以便我按照要求完成博客创作。

由于提供的内容仅为“以下”,没有具体的英文内容可供翻译和缩写创作博客,请你提供第38章的英文具体内容,以便我按照要求完成博客创作。 请你提供第38章的英文具体内容,同时给出上半部分的具体内容(目前仅为告知无具体英文内容需提供的提示),这样我才能按照要求输出下半部分。

利用GeoGebra增强现实技术学习抛物面知识

### GeoGebra AR在数学学习中的应用与效果分析 #### 1. 符号学视角下的学生学习情况 在初步任务结束后的集体讨论中,学生们面临着一项挑战:在不使用任何动态几何软件,仅依靠纸和笔的情况下,将一些等高线和方程与对应的抛物面联系起来。从学生S1的发言“在第一个练习的图形表示中,我们做得非常粗略,即使现在,我们仍然不确定我们给出的答案……”可以看出,不借助GeoGebra AR或GeoGebra 3D,识别抛物面的特征对学生来说更为复杂。 而当提及GeoGebra时,学生S1表示“使用GeoGebra,你可以旋转图像,这很有帮助”。学生S3也指出“从上方看,抛物面与平面的切割已经

探索人体与科技融合的前沿:从可穿戴设备到脑机接口

# 探索人体与科技融合的前沿:从可穿戴设备到脑机接口 ## 1. 耳部交互技术:EarPut的创新与潜力 在移动交互领域,减少界面的视觉需求,实现无视觉交互是一大挑战。EarPut便是应对这一挑战的创新成果,它支持单手和无视觉的移动交互。通过触摸耳部表面、拉扯耳垂、在耳部上下滑动手指或捂住耳朵等动作,就能实现不同的交互功能,例如通过拉扯耳垂实现开关命令,上下滑动耳朵调节音量,捂住耳朵实现静音。 EarPut的应用场景广泛,可作为移动设备的遥控器(特别是在播放音乐时)、控制家用电器(如电视或光源)以及用于移动游戏。不过,目前EarPut仍处于研究和原型阶段,尚未有商业化产品推出。 除了Ea

黎曼zeta函数与高斯乘性混沌

### 黎曼zeta函数与高斯乘性混沌 在数学领域中,黎曼zeta函数和高斯乘性混沌是两个重要的研究对象,它们之间存在着紧密的联系。下面我们将深入探讨相关内容。 #### 1. 对数相关高斯场 在研究中,我们发现协方差函数具有平移不变性,并且在对角线上存在对数奇异性。这种具有对数奇异性的随机广义函数在高斯过程的研究中被广泛关注,被称为高斯对数相关场。 有几个方面的证据表明临界线上$\log(\zeta)$的平移具有对数相关的统计性质: - 理论启发:从蒙哥马利 - 基廷 - 斯奈思的观点来看,在合适的尺度上,zeta函数可以建模为大型随机矩阵的特征多项式。 - 实际研究结果:布尔加德、布

人工智能与混合现实技术在灾害预防中的应用与挑战

### 人工智能与混合现实在灾害预防中的应用 #### 1. 技术应用与可持续发展目标 在当今科技飞速发展的时代,人工智能(AI)和混合现实(如VR/AR)技术正逐渐展现出巨大的潜力。实施这些技术的应用,有望助力实现可持续发展目标11。该目标要求,依据2015 - 2030年仙台减少灾害风险框架(SFDRR),增加“采用并实施综合政策和计划,以实现包容、资源高效利用、缓解和适应气候变化、增强抗灾能力的城市和人类住区数量”,并在各级层面制定和实施全面的灾害风险管理。 这意味着,通过AI和VR/AR技术的应用,可以更好地规划城市和人类住区,提高资源利用效率,应对气候变化带来的挑战,增强对灾害的