文档介绍：学院:资源与环境学院
班级: 2013012
姓名: 杨力华(201301218)
韩春桃(201301229)
谢勇强(201301228)
胥加胜(201301223)
指导老师: 李名勇老师
一实验目的
Expression Blend(下称Blend),是一款用于设计桌面和Web应用用户界面的可视化工具。用户可以通过拖拉控件方式创建用户交互界面;另外Blend中,包含一款软件原型建模工具SketchFlow, 该工具允许用户快速开发出专业的项目原型,创建设计原型后,以丰富的界面效果展示给客户。本实验包括对Blend界面的初步搭建以及实现基本功能和高级功能的操作,做成一个完整的界面。通过这次实验,会让我们对Blend有一定的认识,自己的能力也有一定的提升。
二实验内容
1 Silverlight的开发环境搭建;
2 建立新的项目,初步搭建Blend界面;
3 拖拉基本控件如textlock、map、scaleline等控件实现界面与用户的交互。
4 实现图名图例、属性、量距、zoomin、zoomout、鹰眼、地图更换等高级功能。
三实验操作步骤
(准备工作:发布两个地图)
整体页面设计
整体设计代码:
具体步骤:
1 首先使用Blend按照以下步骤创建一个新的Silverlight项目。
 1)点击左上角的“File - New Project”,这时会弹出一个新建项目窗口:我们选择第一个,该选项是“创建Silverlight 客户端应用其中包含Website项目”,选择该选项后,Blend会自动创建Web项目在同一个解决方案下,编译后运行,会在Web项目中产生测试页面,在客户端显示Silverlight客户端。
2)创建新项目后,可以在Blend看到文档,页面左边有菜单选项、DockPanel菜单,鼠标点击后,会弹出对应的窗口,例如“对象和时间线”或者“项目管理”等;还有工具面板菜单和项目面板等。
3)添加ESRI引用,方便对各种控件的引用。在左上角Reference—Add Reference—C:\Program Files(X86)\ESRI SDKS\Silverlight\。
2 添加引用后,就可以直接拖拉控件进行页面设计。把控件拖进页面设计后,可以点击分隔栏设计简单的代码实现控件功能。下面是我们组做的几个基本控件的功能。
Map控件:发布动态地图;
点开所有的控件,搜寻Map,并且把Map拖进设计页面中,
可以看见左下角的LayoutRoot下有了一个控件Map,右键单击Map,把其填充方式变为Fill,布满整个设计页面。
3)点进代码设计中,更改发布地图方式为动态发布,并且更改Url为刚才发布服务成功的网址。
4)按F5运行成果,会看到一个Map.
ScaleLine控件:添加一个比例尺,和地图进行绑定,让其随着地图的放大缩小而变化。
同Map一样,搜索比例尺,拖进设计页面,可以在属性中更改比例尺的名字颜色、样式、大小、粗细,也可以在在代码中更改数值来改变属性。
2)用Binding Element把比例尺和地图绑定在一起,
3)F5运行,放大缩小地图,观察比例尺的变化。
文本框:为地图添加名字或者标注。
1)拖拉TextBox控件到设计页面中,添加字体“开挖分析”,在右侧属性中更改颜色、字体、字体大小等属性。
2)按F5运行
鹰眼:添加一个OverViewMap控件,按照上述方法把鹰眼地图和主地图绑定,使其随着主地图的变化而变化。按F5运行。
导航:添加Navigation导航栏,可以通过该导航旋转地图,并且可以平移地图文档。
Image控件:添加image控件,在它的属性表中更改“Source”为图片的位置,Strech为Fill,使其完全填充到整个页面的上方。
3 通过拖拉控件以及编写代码实现高级功能
1)添加Button,并且在其Click事件中编写代码实现两个地图的更换。