一步一步学Silverlight 2系列(23):Silverlight与HTML混合之无窗口模式
概述
Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章将从Silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入Silverlight 2开发。
本文将介绍Silverlight与HTML混合编程之无窗口模式。
无窗口模式
为什么默认情况下Silverlight插件会拥有自己的窗口,所有的Silverlight的处理操作都会在该子窗口中完成。我们看一个例子:
先做一个简单的Silverlight界面:
<StackPanel><StackPanel.Background><LinearGradientBrush StartPoint="1,0" EndPoint="0,0"><GradientStop Color="Transparent" Offset="0" /><GradientStop Color="#FF6600" Offset="1" /></LinearGradientBrush></StackPanel.Background><TextBlock Text="这里是Silverlight" Margin="150 100 0 0" Foreground="White"/> </StackPanel>
在测试页中定义两个样式,分别用来控制Silverlight插件和HTML内容的样式:
<style type="text/css">.slPlugin{position: absolute;top: 0px;left: 0px;width: 50%;height: 200px;border:dotted 2px #FF6600;}.content{position: absolute;top: 0px;left: 0px;border:dotted 2px #11FE02;} </style>
为Silverlight插件设置样式,并将插件的背景设置为Transparent
<asp:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/TerryLee.SilverlightWindowless.xap" Version="2.0" CssClass="slPlugin" PluginBackground="Transparent"/>
放置一个div,里面加一些文本:
<div class="content">Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章将从Silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入Silverlight 2开发。</div>
现在来运行程序:
可以看到,我们在div中放置的文本,有一部分被Silverlight区域挡住了,因为这时候Silverlight仍然以默认模式运行,它在浏览器中作为独立的一个子窗口而存在,可以通过属性Windowless来设置:
设置Windowless为true之后,再运行程序:
现在可以看到,文字信息可以显示在Silverlight插件之上。我们再调整一下文字区域和Silverlight插件的位置:
<div><div class="content">Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章将从Silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入Silverlight 2开发。</div><asp:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/TerryLee.SilverlightWindowless.xap" Version="2.0" CssClass="slPlugin" PluginBackground="Transparent"Windowless="true"/> </div>
再运行一下程序:
这时Silverlight显示在文字的上面,由于设置为背景为透明的,这样就可以看到一部分文字。
结束语
本文内容比较少,简单介绍了混合Silverlight和HTML——Silverlight插件的无窗口模式相关内容,其实就是Windowless属性的设置:)
转载于:https://www.cnblogs.com/Terrylee/archive/2008/03/14/Silverlight2-step-by-step-part23-mixing-silverlight-html-windowless-mode.html
一步一步学Silverlight 2系列(23):Silverlight与HTML混合之无窗口模式相关推荐
- Net程序员学用Oracle系列(1):导航目录
原文:https://www.cnblogs.com/hanzongze/p/oracle-catalog.html .Net程序员学用Oracle系列(1):导航目录 .Net程序员学用Oracle ...
- 一步一步学Silverlight 2系列(3):界面布局
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(10):使用用户控件
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(24):与浏览器交互相关辅助方法
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(18):综合实例之RSS阅读器
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(9):使用控件模板
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://terrylee.blog.51cto.com/342737/67243 ...
- 一步一步学Silverlight 2系列(13):数据与通信之WebRequest
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(32):图形图像综合实例—“功夫之王”剧照播放_转载...
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(21):如何在Silverlight中调用JavaScript
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
最新文章
- 【Java基础】对象拷贝
- [转]图片自动缩放 js图片缩放
- 设计模式实战-策略模式(Strategy Pattern)
- C语言学习之求一个3×3的整型矩阵对角线元素之和
- HttpWatch的Result中出现Aborted的原因分析[配图]
- HttpClientFactory 使用说明 及 对 HttpClient 的回顾和对比
- random_state的值如何选_DC轴流散热风扇如何选择更合理?
- 数理统计-大厂笔试题
- 服务器 'server_1' 上的 MSDTC 不可用
- mysql explain命令解析_详解MySQL中EXPLAIN解释命令
- docker java镜像_Docker容器引擎与架构
- wacom数位板怎么调压感_数位板没有压感怎么办?如何设置?
- Xenu-web开发死链接检测工具应用
- 二阶龙格库塔公式推导_二阶龙格库塔公式.ppt
- win7美化_为Windows笔记本外接显示器!附实用工具/桌面美化折腾指南
- 卸载精灵 v4.2 是什么
- 公众号前端开发配置流程
- CTF PWN-攻防世界XCTF新手区WriteUp
- [转] Android Miracast投屏入门
- 我是一只可可爱爱的小粽子
热门文章
- odoo12 日历模块_odoo12模块__ manifest __.py文件详解
- python怎么读取pdf为文本_python怎么读取pdf文本内容
- java遍历对象属性_java开发中遍历一个对象的所有属性并set值 缓存优化
- Django 笔记5 -- 数据库
- 【机器学习】UMAP:强大的可视化降维工具
- 请珍惜应届生的身份,这是你这辈子最大的一次优势,也是最后一次!
- 【NLP】文本预处理:删除单词停用词
- 【零基础入门数据挖掘】-特征工程
- 一文读懂残差网络ResNet
- 非常详细的transformer笔记,包括XLNet, MT-DNN, ERNIE, ERNIE2, RoBERTa