3. 编译并运行实例项目
我们用管理员身份启动Visual Studio CTP,然后打开SilverlightSolution项目,如果一切正常,我们可以得到一个空的Silverlight程序页面:
图1 初始页面
4. 添加对HTML DOM对象的动态访问
我们在Page类中添加两个dynamic类型的对象doc和win,分别表示当前页面和窗口,修改后Page类如下:
public partial class Page : UserControl
{
// 添加的代码
dynamic doc = HtmlPage.Document.AsDynamic();
dynamic win = HtmlPage.Window.AsDynamic();
//…
}
{
// 添加的代码
dynamic doc = HtmlPage.Document.AsDynamic();
dynamic win = HtmlPage.Window.AsDynamic();
//…
}
然后,我们修改Page类的函数btnSearch_Click(),当用户点击”Get All”按钮后,更加用户搜索的内容,修改窗口的标题。
void btnSearch_Click(object sender, RoutedEventArgs e)
{
doc.Title = "Pictures of " + txtTag.Text;
lstPictures.ItemsSource = Source.LoadItems();
}
{
doc.Title = "Pictures of " + txtTag.Text;
lstPictures.ItemsSource = Source.LoadItems();
}
5. 添加Virtual Earth Jscript控件
打开解决方案中的测试页StartPage.htm,在﹤title﹥标签的前面添加如下JaveScript代码,引用Virtual Earth控件:
﹤script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1"/﹥
然后,在﹤body﹥标签中添加如下代码,定义地图控件的位置和大小:
﹤div id='myMap' style="position:absolute; top:40px; left:200px; width:550px; height:400px;"/﹥
通过简单的两步,我们就完成了对测试页面的修改。接下来的工作就是通过C#访问和控制Virtual Earth控件了。