I. 页面代码(Default.aspx)
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Silverlight 对象的定位</title>
<script type="text/javascript" src="..\Silverlight.js"></script>
<script type="text/javascript" src="Default.aspx.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div id="SilverlightControlHost1" >
<script type="text/javascript">
createSilverlight1();
</script>
</div>
<hr>
<div id="SilverlightControlHost2" >
<script type="text/javascript">
createSilverlight2();
</script>
</div>
<hr>
<div id="SilverlightControlHost3" >
<script type="text/javascript">
createSilverlight3();
</script>
</div>
<hr>
<div id="SilverlightControlHost4" >
<script type="text/javascript">
createSilverlight4();
</script>
</div>
<hr>
<div id="SilverlightControlHost5" >
<script type="text/javascript">
createSilverlight5();
</script>
</div>
</form>
</body>
</html>
II. 页面对应的JS文件代码(Default.aspx.js)
//创建对象
function createSilverlight1()
{
Silverlight.createObjectEx({
source: "Page1.xaml",
parentElement: document.getElementById("SilverlightControlHost1"),
id: "SilverlightControl1",
properties: {
width: "350",
height: "350",
version: "1.0",
background: "white",
isWindowless: "true",
enableHtmlAccess: "true"
},
events: {}
});
}
function createSilverlight2()
{
Silverlight.createObjectEx({
source: "Page2.xaml",
parentElement: document.getElementById("SilverlightControlHost2"),
id: "SilverlightControl2",
properties: {
width: "350",
height: "350",
version: "1.0",
background: "white",
isWindowless: "true",
enableHtmlAccess: "true"
},
events: {}
});
}
function createSilverlight3()
{
Silverlight.createObjectEx({
source: "Page3.xaml",
parentElement: document.getElementById("SilverlightControlHost3"),
id: "SilverlightControl3",
properties: {
width: "350",
height: "350",
version: "1.0",
background: "white",
isWindowless: "true",
enableHtmlAccess: "true"
},
events: {}
});
}
function createSilverlight4()
{
Silverlight.createObjectEx({
source: "Page4.xaml",
parentElement: document.getElementById("SilverlightControlHost4"),
id: "SilverlightControl4",
properties: {
width: "350",
height: "350",
version: "1.0",
background: "white",
isWindowless: "true",
enableHtmlAccess: "true"
},
events: {}
});
}
function createSilverlight5()
{
Silverlight.createObjectEx({
source: "Page5.xaml",
parentElement: document.getElementById("SilverlightControlHost5"),
id: "SilverlightControl5",
properties: {
width: "350",
height: "350",
version: "1.0",
background: "white",
isWindowless: "true",
enableHtmlAccess: "true"
},
events: {}
});
}
III.Xaml文件代码
1.Page1.xaml代码
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="640"Height="480"
Background="LightGreen"
Canvas.Left="10"
Canvas.Top="10"
>
<RectangleCanvas.Left="30"Canvas.Top="30"Fill="LightBlue"
Width="200"Height="200" />
</Canvas>
2.Page2.xaml代码
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="300"Height="300"
Background="White">
<CanvasWidth="250"Height="250"Canvas.Left="30"Canvas.Top="30"Background="LightBlue">
<RectangleCanvas.Left="30"Canvas.Top="30"Fill="LightGreen"
Width="200"Height="200" />
</Canvas>
</Canvas>
3.Page3.xaml代码
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="300"Height="300"
Background="White">
<LineX1="280"Y1="10"X2="10"Y2="280"
Stroke="Blue"StrokeThickness="5"/>
<PolylinePoints="150, 150 150, 250 250, 250 250, 150"
Stroke="Yellow"StrokeThickness="10"/>
<PathData="M 10,100 C 10,300 300,-200 250,100z"
Stroke="Red"Fill="Orange"
Canvas.Left="10"Canvas.Top="10" />
</Canvas>
4.Page4.xaml代码
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="200"Height="200">
<Rectangle
Canvas.Left="100"Canvas.Top="100"
Width="50"Height="50"
Fill="RoyalBlue">
<Rectangle.RenderTransform>
<RotateTransformAngle="45" />
</Rectangle.RenderTransform>
</Rectangle>
</Canvas>
5.Page5.xaml代码
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Ellipse
Canvas.ZIndex="3"
Canvas.Left="5"Canvas.Top="5"
Height="200"Width="200"
Stroke="Black"StrokeThickness="10"Fill="Silver" />
<Ellipse
Canvas.ZIndex="2"
Canvas.Left="50"Canvas.Top="50"
Height="200"Width="200"
Stroke="Black"StrokeThickness="10"Fill="DeepSkyBlue" />
<Ellipse
Canvas.ZIndex="1"
Canvas.Left="95"Canvas.Top="95"
Height="200"Width="200"
Stroke="Black"StrokeThickness="10"Fill="Lime" />
</Canvas>
|
相关推荐
1.1.4 要点4:ASP.NET运行在公共语言运行库内 1.1.5 要点5:ASP.NET是面向对象的 1.1.6 要点6:ASP.NET支持所有的浏览器 1.1.7 要点7:ASP.NET易于部署和配置 1.2 ASP.NET的演变 1.2.1 ASP.NET1.0和ASP...
1.1.4 要点4:ASP.NET运行在公共语言运行库内 6 1.1.5 要点5:ASP.NET是面向对象的 7 1.1.6 要点6:ASP.NET支持所有的浏览器 8 1.1.7 要点7:ASP.NET易于部署和配置 8 1.2 ASP.NET的演变 9 1.2.1 ASP.NET...
第20章 ASP.NET 3.5的高级功能 第21章 Silverlight开发 第22章 Visual Studio Tools for Office 第23章 程序集 第24章 部署 第25章 使用传统的COM和接口 第26章 线程技术 第27章 Windows Workflow Foundation 第28...
第20章 ASP.NET 3.5的高级功能 第21章 Silverlight开发 第22章 Visual Studio Tools for Office 第23章 程序集 第24章 部署 第25章 使用传统的COM和接口 第26章 线程技术 第27章 Windows Workflow Foundation 第28...
第20章 ASP.NET 3.5的高级功能 第21章 Silverlight开发 第22章 Visual Studio Tools for Office 第23章 程序集 第24章 部署 第25章 使用传统的COM和接口 第26章 线程技术 第27章 Windows Workflow Foundation 第28章...
第20章 ASP.NET 3.5的高级功能 第21章 Silverlight开发 第22章 Visual Studio Tools for Office 第23章 程序集 第24章 部署 第25章 使用传统的COM和接口 第26章 线程技术 第27章 Windows Workflow Foundation 第28...
第20章 ASP.NET 3.5的高级功能 第21章 Silverlight开发 第22章 Visual Studio Tools for Office 第23章 程序集 第24章 部署 第25章 使用传统的COM和接口 第26章 线程技术 第27章 Windows Workflow Foundation 第28...
第20章 ASP.NET 3.5的高级功能 第21章 Silverlight开发 第22章 Visual Studio Tools for Office 第23章 程序集 第24章 部署 第25章 使用传统的COM和接口 第26章 线程技术 第27章 Windows Workflow Foundation 第28...
第20章 ASP.NET 3.5的高级功能 第21章 Silverlight开发 第22章 Visual Studio Tools for Office 第23章 程序集 第24章 部署 第25章 使用传统的COM和接口 第26章 线程技术 第27章 Windows Workflow Foundation 第28...