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；

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

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

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

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，添加如上三个字段，并选择好颜色方案。

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

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

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