ArcGIS API for Flex的Navigation slider的风格样式及定位

文by：MoMo（cymoe@163.com）
最近一直在看ArcGIS API for Flex的相关资料，下了ESRI的sample在机器上跑的时候，突然很想动手改改UI风格和元素在界面中的定位，却被那个Navigation slider弄得有些郁闷（主要是不知该如何下手）。说起Navigation slider，其实它就是GIS界面上那个可以拖动滑块实现放大缩小功能的导航条——它主要由三个UI元素组成：滑块（slider）、缩小按钮（zoom-in button）、放大按钮（zoom-out button）。
查了些资料，总结了两种在flex builder4中修改Navigation slider样式风格和定位的方法：

首先，在flex中可通过引用地图代码的方式先实现地图加载（前提：你的电脑已连在因特网上），在Flash builder4中新建工程，并新建“MXML 应用程序”型的mxml页，在页面源代码中插入以下的引用：

<esri:Map id="map" logoVisible="false"> <esri:ArcGISTiledMapServiceLayer url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"/> </esri:Map>

编译运行后可看到ESRI的地图界面，那个Navigation slider默认状态下是位于界面的左上角，呈半透明黑色的垂直条状。
为方便讲解，我在截图中将它着色为红色半透明状态以示区别，并在<esri:Map中添加了logoVisible="false"控制，让右下角的ESRI LOGO处于不显示状态，贴图如下：

 

下面开始进入正题——接下来要做的事情是：将左上角的这个Navigation Slider移动到右上角。

 

方法一：

1. 在mxml文件中给<esri:Map id=