`
hi_ajg
  • 浏览: 82976 次
  • 来自: 北京
社区版块
存档分类
最新评论

学习FlexViewer(三)——继承自BaseWidget

 
阅读更多

      FlexViewer开发,大多是继承自BaseWidget,进行Widget开发。整个FlexViewer的框架架构,可以看做是由容器(Container)、管理器(Manager)以及一个个Widget组成的,其中Widget即是FlexViewer中实现功能的微型组件,在一定程度上讲,Widget承载了我们的需求实现。

 

      在整个FlexViewer中,只有index.mxml是主应用程序,所有的widget都是Componet。所以,我们要创建自己的widget,第一步即是,创建一个mxml Component。

 

 

      第二步,继承自BaseWidget,创建自己的Widget。切记:一定要继承自BaseWidget,才能最终将自己的widget添加至WidgetManger中。

 

     第三步,既然是继承自BaseWidget,我们就要明确继承了那些成员。继承的成员包括:

     WidgetID:widget的唯一ID值

     WidgetTitle:title

     WidgetIcon:图标

     Config:widget自己的config文件

     ConfigXML:config.xml

     ConfigData:ConfigData类型

     Map:全局的Map类型

     IsDragable:是否可拖拽

     IsResizeable:是否重定义大小

     SetXYPosition函数:设置显示位置

 

     第四步:将自己的widget加入至Flex Module List中(Project——Properties——Flex Modules),编译。

 

 

     第五步:在自己的widget中,编写自己的功能实现代码。

 

     最后一步:在config.xml中<widgetcontainer></widgetcontainer>标签内添加自己的widget如下,运行。

 

     <widget label="My first widget"
                icon="assets/images/i_widget.png"
                config="widgets/Samples/HelloWorld/HelloWorldWidget.xml"
                url="widgets/Samples/HelloWorld/HelloWorldWidget.swf"/>

 

 

  • 大小: 85.4 KB
  • 大小: 72.6 KB
  • 大小: 177.7 KB
2
3
分享到:
评论

相关推荐

    FlexViewer解析

    - 分析示例项目:通过已有的FlexViewer应用学习其工作原理。 7. **实践应用** 除了地理信息系统,FlexViewer也可以应用于其他需要交互式数据可视化的领域,如气象预报、交通管理、房地产等。通过熟练掌握...

    ArcGIS Server开发框架——FlexViewer

    Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, ...

    FlexViewer开发教程开发指南和相关实例

    三、FlexViewer结构 FlexViewer由主应用程序(Main.mxml)和可插入模块(Widgets)组成。主应用程序负责整体布局和管理,而Widgets则提供具体功能,如放大/缩小、图层控制等。通过修改配置文件(config.xml)可以...

    FlexViewer开发教程

    FlexViewer设计的核心原则是SIMPLICITY(简单),意味着该框架易于使用、配置和扩展,同时不依赖于第三方框架。FlexViewer的设计理念虽然简单,但其内部实现借鉴了Flex框架中的一些最佳实践,比如事件机制与PureMVC...

    flexviewer2.3

    - **官方文档**:Adobe和Esri提供了详细的开发指南和API文档,是学习FlexViewer的基础。 - **社区论坛**:开发者社区有大量关于FlexViewer的讨论和问题解答,是学习和解决问题的好去处。 - **示例代码**:通过...

    flexviewer1.3框架源代码

    1. **学习GIS Web开发**:通过阅读源代码,学习如何整合GIS功能和ActionScript编程。 2. **自定义组件**:根据需求调整或添加新的地图组件,如图层控制、查询工具等。 3. **优化性能**:优化源代码以提高应用程序的...

    flexviewer2.3源代码

    标签"flexviewer"、"flex api"、"gis"分别对应了FlexViewer框架、ArcGIS Flex API以及地理信息系统这三个关键概念。这些标签表明该源代码主要涉及GIS领域的开发,并且使用了基于Flex的客户端技术。 在压缩包内的...

    flexViewer 3.1 src

    总之,FlexViewer 3.1 src是一个宝贵的资源,对于想要从事GIS开发,特别是基于Flex和ActionScript的开发者来说,它是理解GIS应用内部工作原理、学习自定义地图功能和提升开发技能的重要参考。通过这个源代码包,你...

    flexviewer简单登陆(新版本能用)

    在FlexViewer的开发中,创建一个简单的登录功能是至关重要的,特别是当涉及到权限控制和用户个性化体验时。这里我们讨论如何在FlexViewer的新版本中实现一个基础的登录系统。 FlexViewer是一个基于Adobe Flex的轻量...

    FlexViewer解析之示例源码

    对于想要深入理解FlexViewer,特别是版本2.2的开发者来说,这篇文章是非常有价值的学习资源。此外,通过了解FlexViewer的架构和组件设计,开发者还可以将其原理应用到其他基于ArcGIS API for Flex的应用开发中去。

    ESRI-FlexViewer解析

    ESRI FlexViewer是一个功能强大的Web GIS应用程序,它基于ArcGIS API for Flex(AGS Flex API)开发,为用户提供了一个能够展示底图和业务图层并支持空间分析等功能的平台。FlexViewer经历了多个版本的迭代,从最初...

    FlexViewer2.4(用户界面为FlexViewer1.3样式)

    在本项目中,标题提到的"FlexViewer2.4(用户界面为FlexViewer1.3样式)"表明这是一个针对FlexViewer2.4的定制版本,其界面设计模仿了FlexViewer1.3的风格。FlexViewer的主要作用是提供一种方式来展示地图服务,添加...

    flexviewer 2.5

    7. **社区支持**:由于其开源性质,FlexViewer 2.5拥有一个活跃的开发者社区,提供了大量的示例、教程和插件,方便开发者学习和交流。 在压缩包文件“FlexViewer2.5”中,可能包含了FlexViewer 2.5的源代码、示例...

    flexviewer-3.0-src 源码

    flex viewer 3.0 源码 下载

    FlexViewer2.3开发教程.rar

    10. **性能优化**:学习如何提高FlexViewer应用的加载速度和运行效率,减少内存占用。 11. **部署**:学习将开发完成的应用部署到Web服务器上,让其他人访问和使用。 这个教程可能还包含了示例代码、问题排查技巧...

    flexviewer2.2

    总的来说,FlexViewer 2.2 是一个学习和实践GIS Web开发的理想平台,通过深入研究其源代码,开发者可以提升在Flex和ArcGIS API for Flex方面的技能,同时也能了解到如何构建高效、可定制的地图应用。

    flexviewer3.0

    10. **社区支持**:由于是开源项目,FlexViewer 3.0有一个活跃的开发者社区,他们共享解决方案、提供技术支持和发布第三方插件,这对于学习和解决问题非常有帮助。 通过解压"flexviewer-3.0-src"文件,你可以访问源...

    flexviewer-3.0Prerelease可运行

    9. **学习资源**:Esri官方提供了一系列文档、教程和示例,帮助开发者快速上手FlexViewer,同时也有许多在线资源供用户学习和参考。 10. **兼容性**:FlexViewer 3.0可能需要特定版本的Adobe Flash Player和Adobe ...

    Flexviewer_3.0_src

    【Flexviewer_3.0_src】是一个针对ArcGIS Server的Web应用程序开发框架,主要用于构建交互式的地图应用。这个源代码包提供了开发人员一个强大的工具,能够利用Adobe Flex技术创建丰富的地理信息系统(GIS)用户界面...

Global site tag (gtag.js) - Google Analytics