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

发布时间：2020-12-15 03:36:03 所属栏目：百科来源：网络整理

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

自定义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下面添加图例等地图基本要素。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

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”；

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！