WEB开发网
开发学院图形图像Flash 学Silverlight 2系列(23):Silverlight与HTML混... 阅读

学Silverlight 2系列(23):Silverlight与HTML混合之无窗口模式

 2008-10-03 11:34:39 来源:WEB开发网   
核心提示:概述Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,学Silverlight 2系列(23):Silverlight与HTML混合之无窗口模式,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JS

概述

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

1 2  下一页

Tags:Silverlight 系列 Silverlight

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接