arcgis viewer for flex 之 自定义widget(arcmap设计pie圆饼图)

自定义Widget 

终于可以实现第一个Widget了,按照惯例,我们通过一个Hello World Widget来说明如何在Flex Viewer中开发、编译、配臵、部署和使用自定义Widget。Flex Viewer的源代码中已经包含了一个HelloWorld Widget,我们还是亲手尝试一下吧。 

1) 安装Flash Builder,下载Flex Viewer源码,我们使用最新的2.3; 

2) 打开Flash Builder,导入Flex Viewer 2.3的源代码;

3) 鼠标放在widgets包上,单击右键,在弹出的菜单中选择New,然后单击MXML Component;

4) 在New MXML Component对话框中,输入包名“widgets.HelloWorld”,填写Widget名称“HelloWorldWidget”,并选择基类BaseWidget,单击Finish;

arcgis viewer for flex 之 自定义widget(arcmap设计pie圆饼图)_第1张图片

5) 此时,HelloWorldWidget已经创建完毕,按照Flex Viewer提倡的做法,在其包下新建一个同名xml配臵文件即“HelloWorldWidget.xml”;

6) 此时,HelloWorldWidget不会被编译,因为还未把它加入到Module列表。打开工程的属性窗口,点击Flex Modules,点击Add键,将HelloWorldWidget加入到Module列表中。点击OK,会发现HelloWorldWidget的图标已经和其他的Widget一样;(这样由黑色变为蓝色 mxml)

arcgis viewer for flex 之 自定义widget(arcmap设计pie圆饼图)_第2张图片

7) 启动编译,编译后会发现在bin-debug目录下,HelloWorldWidget已经被编译成swf文件;

arcgis viewer for flex 之 自定义widget(arcmap设计pie圆饼图)_第3张图片

8) 在config.xml对HelloWorldWidget进行配臵,如下: 
<widgetcontainer> 
<widget label="HelloWorld" icon="assets/images/i_solar.png"  
     config="widgets/HelloWorld/HelloWorldWidget.xml" 
     url="widgets/HelloWorld/HelloWorldWidget.swf"/> 
 </widgetcontainer>  

9) 编译,运行!Hello,Flex Viewer!

详见:FlexViewer开发教程_zyp_各组件对应config.pdf 和 FlexViewer解析.pdf

二:设计圆饼图图层

3、在ArcMap中设置“地级市”图层属性,选择“Symbology”页。选择Show为Charts:Pie,添加如上三个字段,并选择好颜色方案。

arcgis viewer for flex 之 自定义widget(arcmap设计pie圆饼图)_第4张图片

4、设置饼状图中饼的大小。此时注意选择第2种Variation Type,这样饼的大小会与字段数值之和关联。同时还要设置一下下面的Size来控制饼的大小。

arcgis viewer for flex 之 自定义widget(arcmap设计pie圆饼图)_第5张图片

5、合理进行设置后产生的效果图。

arcgis viewer for flex 之 自定义widget(arcmap设计pie圆饼图)_第6张图片

6、当然可以在Layout下面添加图例等地图基本要素。

arcgis viewer for flex 之 自定义widget(arcmap设计pie圆饼图)_第7张图片

你可能感兴趣的:(for,arcmap,fl,arcgis,viewer,arcmap设计圆饼图,设置线段颜色)