FlexView Demo官方

最新推荐文章于 2021-08-22 15:59:02 发布
最新推荐文章于 2021-08-22 15:59:02 发布
阅读量770 收藏
点赞数
分类专栏： ArcGIS Server （Flex）
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lvdou25181/article/details/18310975
版权
http://resources.arcgis.com/en/communities/flex-viewer/
lvdou2518
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ArcGIS_FlexView指南(中文)
11-15
简介..... ................................................................................................................................... 4 1.1 准备知识.......................................................................................................................... 4 1.1.1 技能与软件需求......................................................................................................... 4 1.1.2 获取源代码与所需库.................................................................................................. 4 1.2 文件组织…..................................................................................................................... 5 2 Sample Flex Viewe架构 ....................................................................................................... 5 2.1 架构介绍 .......................................................................................................................5 2.2 Sample Flex Viewer实例的生命周期............................................................................ 6 2.3 Sample Flex Viewer容器............................................................................................... 7 2.4 理解Widget编程模型..................................................................................................... 8 2.5 Widget命名习惯............................................................................................................. 9 3 为Widget开发建一个Flex Builder项目................................................................................ 9 3.1 用Sample Flex Viewer FlexBuilder项目开发一个微件.................................................. 10 3.2 在Sample Flex Viewer的FB项目之外开发一个widget.................................................. 12 3.3 为Flex Builder设置测试服务器...................................................................................... 14 4 开发一个widget ..................................................................................................................... 15 4.1 使用WidgetTemplate模板 ............................................................................................. 16 4.2 获取地图信息............................................................................................................... 17 4.3 在地图上显示widget数据 ............................................................................................. 19 4.4 从地图接收数据(通过单击，画线等操作实现)............................................................. 20 4.5 在widget中控制导航.................................................................................................... 21 4.6 不使用WidgetTemplate模板开发Widget ..................................................................... 22 4.7 开发一个自己的Widget模板 ........................................................................................ 23 4.8 修改或是创建一个主题 ................................................................................................ 24 4.9 Widget的配置............................................................................................................... 25 5 了解Sample Flex Viewer核心代码...................................................................................... 26 5.1 事件总线容器 .............................................................................................................. 26 5.2 依赖注入(DI，也叫控制反转)...................................................................................... 29 5.3 国际化 ......................................................................................................................... 30 第 3 页 5.3.1 使用Flex的国际化特性 .................................................................................................30 5.3.2 本地化设置 ................................................................................................................ 32 5.4 日志和错误处理 .......................................................................................................... 33 6 Sample Flex Viewer框架和Widget部署.............................................................................. 35 6.1 部署一个Sample Flex Viewer应用程序....................................................................... 35 6.2 部署一个widget到Sample Flex Viewer ........................................................................ 35 6.3 安全性考虑 ................................................................................................................. 36 6.3.1 crossdomain.xml ..................................................................................................... 36 6.3.2 网络资源代理........................................................................................................... 37 7 附录A: Configuration XML..................................................................................................37
pureMvc框架下的flexdemo
04-05
标签"flex demo"表明这是一个关于Flex的演示项目，可能包含了Flex组件的使用、布局管理、数据绑定等特性，并结合PureMVC展示了如何在实际应用中进行组件间的通信和状态管理。 根据压缩包子文件的文件名称列表"pure...
FlexViewer学习资料，希望对初学者有帮助
Sage's Blog
03-24 2106
1 Sample Flex Viewe架构 1.1 架构介绍 Sample Flex Viewer框架的构建有助于开发和部署针对GeoWeb的应用程序，使得能够充分的发挥服务器端的空间服务的能力。服务器端的服务通过ArcGIS服务器和ArcGIS在线数据提供。如下图所示，地球空间信息服务可以由工作在软件即服务方式的伺服机提供商获得，比如ArcGIS在线数据库，ArcGIS服务器或者是像GeoR
Flex Viewer
weixin_30394251的博客
05-13 167
一、Flex Viewer简介 Flex Viewer是ESRI公司推出的可以高效开发基于WEB的地理信息应用系统的一种完全免费的应用程序框架。业务人员使用该框架可以无需任何额外的编程就能够通过简单配置的方法快速搭建起一个基于ArcGIS Server的、以地图为中心的富客户端（RIA）应用的原型。该框架中还自带了大量的能够满足各种地图应用需要的Widget，如Identify、...
学习FlexViewer（一）——事件和框架
AJG__致力GIS解决方案，分享经验
12-02 133
      上午做了关于FlexViewer的讲座，项目组决定下面继续在FlexViewer界面上拓展，因此我也有意通过博客与大家分享。众所周知，FlexViewer是由Esri公司推出的基于Web的Flex应用框架，开发人员通过配置文件即可快速搭建一个以地图服务应用为目的的富互联网应用。         学习FlexViewer，最重要的是掌握其框架结构，了解FlexViewer组织模式，包...
深入浅出Flex Viewer (一)——概述
weixin_30492601的博客
12-05 181
一、Flex Viewer简介 Flex Viewer是ESRI公司推出的可以高效开发基于WEB的地理信息应用系统的一种完全免费的应用程序框架。业务人员使用该框架可以无需任何额外的编程就能够通过简单配置的方法快速搭建起一个基于ArcGIS Server的、以地图为中心的富客户端（RIA）应用的原型。该框架中还自带了大量的能够满足各种地图应用需要的Widget，如Identify、...
flex puremvc demo
05-25
标题中的“flex puremvc demo”指的是一个使用Flex和PureMVC框架的示例项目。Flex是一种基于ActionScript和Flash Player的开源开发框架，用于构建富互联网应用程序（RIA）。而PureMVC是另一款开源框架，它是一种模型...
微信小程序flex布局demo
12-06
在微信小程序中，WXML结构中的view元素可以通过设置样式实现Flex布局。 2. 主轴与侧轴：Flex布局中有两个主要方向，主轴（main axis）和侧轴（cross axis）。主轴是Flex容器内元素排列的主要方向，而侧轴则是与其...
ViewDemo.rar
04-12
标题"ViewDemo.rar"提示我们这是一个关于自定义`FlowLayout`的示例项目，而描述中的"自定义一个flowLayout"进一步强调了这个压缩包包含的是一个自定义版本的`FlowLayout`实现。`FlowLayout`通常用于创建灵活的、响应...
flex 3D小demo
05-14
在本“flex 3D小demo”中，我们重点关注的是Flex在3D领域的应用，这是一种利用Flex创建具有三维效果的用户界面和交互体验的技术。 在Flex中实现3D效果，主要依赖于两个关键组件： mx:Canvas 和 spark:View3D。mx:...
Flex Viewer解析-----结构（1） .（转帖）
aijingyi的专栏
07-16 698
原文转自：http://blog.csdn.net/wufeishimeng/article/details/5613598 1、       结构图以及解析 下图是ESRI提供的开发帮助里面对其结构的一个描述图，本人做了一些归类： A部分：这一部分是项目中的组件列表，包括一些配置文件、Module（就是Widget）、组件等等。这些组件在没有经过组织之前是完全孤立的。它们主要完成一些界
Flex Viewer解析
itWolfHan的博客
07-21 716
这一部分的实现相对比较复杂，主要是在其管理上面，再加上其使用Module的方式加载显示，所以感觉上相对复杂。        这些侧边栏控件（Widget）的基本显示是通过一个模板出来的，也就是WidgetTemplate，这个模板里面实现了一个基本的Widget模块， 包括最大化、最小化、关闭、界面设计等。WidgetTemplate实现了一个IWidgetTemplate接口。该接口是用来
Flex Viewer解析-----引
青椒炒蛋
05-20 5773
Flex Viewer解析-----引FlexViewer是ESRI公司利用Flex技术，基于本身已开发好的Flex API包开发的一个成熟的WebGIS实例框架。其完全是开放的，可以从官方网站上的Code Gallery直接下到源码。也可以从本人的资源点下载。网址：http://download.csdn.net/source/2374602下载完成后解压直接导入Adobe Flex
Flex Viewer解析-----结构（1）
青椒炒蛋
05-21 4899
1、       结构图以及解析下图是ESRI提供的开发帮助里面对其结构的一个描述图，本人做了一些归类：   A部分：这一部分是项目中的组件列表，包括一些配置文件、Module（就是Widget）、组件等等。这些组件在没有经过组织之前是完全孤立的。它们主要完成一些界面显示和业务逻辑。B部分：该部分的主要功能就是将A部分中相互完全孤立的文件列表，不管是业务层还是界面层进行
【Flex Viewer】源码介绍（3）Flex Viewer架构解析
weixin_30600503的博客
08-12 166
图 3.1 Flex Viewer整体结构 3.3 初始化那些事儿 在浏览器地址栏输入Flex Viewer的地址，经过短暂等待，当她华丽丽地展现在我们眼前，你是否想过在这短暂的等待中，Flex Viewer都做了哪些事情呢？本小节我们来探讨Flex Viewer初始化那些事儿。注意，我们这里所说的Flex Viewer初始化，不是Flex概念中组件生命周期的初始化部分，而是...
flexviewer 环境搭建及新建项目1
超哥Blog
09-20 259
                                                           flexviewer 环境搭建1 1， FlexViewer 是ArcGis为非专业GIS开发员对Flex开发一个框架，该框架对整个界面已作了很多的封装，开发人员主要专注专业务的开发，减少了很多的界面工作开发，整体使用的是事件模式。下载网站：http://support.esri...
简洁手机端登录页面
m0_61122802的博客
08-22 1905
html代码 <section class="aui-flexView"> <section class="aui-scrollView"> <div style="margin-top: 36%" class="aui-code-box"> <form method="post" action="${pageContext.request.c...
H5 AUI 使用总结
热门推荐
lhb_11的博客
04-18 1万+
w3c w3school 学习网站菜鸟教程常见问题及完整 JS-SDK 文档地址AUI 是Apicloud 的手机端UI第三方，需要引入Apicloud和AUI中的css样式和js框架**首先：手机项目必须配置config.xml文件 Apicloud官网有详解 ** 其次：程序会默认进入index.html页面，开始程序的加载显示具体代码如下：1、<meta charset="utf-8">
AUI 滚动视图使用
lhb_11的博客
04-18 4905
1、滚动视图类似手机上的scroll1.1 引入aui样式： <link rel="stylesheet" type="text/css" href="../css/aui.css" /> <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />1.2 需要自己设置图片的样式 如下： .aui-slid
小程序 手风琴demo
最新发布
06-07
好的，以下是一个简单的手风琴小程序demo的代码： ```html <view class="accordion"> <view class="accordion-item" onTap="toggleAccordion"> <view class="accordion-item-header">Item 1</view> <view class="accordion-item-content">Content 1</view> </view> <view class="accordion-item" onTap="toggleAccordion"> <view class="accordion-item-header">Item 2</view> <view class="accordion-item-content">Content 2</view> </view> <view class="accordion-item" onTap="toggleAccordion"> <view class="accordion-item-header">Item 3</view> <view class="accordion-item-content">Content 3</view> </view> </view> ``` ```css .accordion { display: flex; flex-direction: column; } .accordion-item { display: flex; flex-direction: column; } .accordion-item-header { background-color: #eee; padding: 10rpx; font-size: 28rpx; font-weight: bold; } .accordion-item-content { display: none; padding: 10rpx; font-size: 24rpx; } .accordion-item.active .accordion-item-content { display: block; } ``` ```js Page({ data: { activeIndex: -1 }, toggleAccordion(e) { const index = e.currentTarget.dataset.index if (index === this.data.activeIndex) { this.setData({ activeIndex: -1 }) } else { this.setData({ activeIndex: index }) } } }) ``` 以上代码实现了一个简单的手风琴效果，点击每个Item的Header会展开对应的内容。注意，这只是一个简单的demo，实际使用时需要根据实际需求进行修改。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值