博客园_我只是小能

利用Simplify进行ArcGIS Server多面合并查询

2012-01-08T14:49:00Z

原始需求：

最近开发一个功能，看来似乎很简单，即在系统中需要利用ArcGIS Server的REST接口进行空间查询，其主要分为两个步骤：

（1）根据属性或者空间条件先查询，如下图所示，先查询面图层中符合条件的面，例如有n个面；

（2）在符合条件的面的地理范围内查询符合条件的空间点，其空间点图层可能有多个（m），如下图所示：

初次解决方案：

此需求是在既有代码上进行改造，既有代码的思路为：

（1）先查出图1中的所有面，然后选定某个面；

（2）根据第1步中的选定的面去查询点图层；保存查询结果后，如果图1中的面已经遍历完，则继续遍历查询2；否则转至3；

（3）如果有多个目标面，则再次遍历1和2步;

（4）最后保存所有查询结果，发送至服务端进行保存。

此代码的弊端显而易见，其发出的web请求数是：

请求数 = 1 + n个面*m的点图层数量

显然只适合原有的n和m都很小的情况。因此需要改造，其中m是无法减少的，唯一只能减少的只有n，其思路就是将不再遍历面，而是将面合并成后再进行请求。

ArcGIS Server 通常其返回的单个地理面描述字段为：

{"rings" : [ [ [<x11>, <y11>], [<x12>, <y12>], ..., [<x11>, <y11>] ]],"spatialReference" : {<spatialReference>}}

多个面的地理面描述字段为：

{"rings" : [ [ [<x11>, <y11>], [<x12>, <y12>], ..., [<x11>, <y11>] ], [ [<x21>, <y21>], [<x22>, <y22>], ..., [<x21>, <y21>] ]],"spatialReference" : {<spatialReference>}}

因此事情似乎就变得简单了，那按照这种格式将图１中的所有的面组合成多面的地理描述字段即可，这样的话，无须再去遍历查询，

其整体过程为：

（1）先查出图1中的所有面，再整合格式；

（2）根据目标图层的个数以及第1步中的整合面进行目标图层的查询；

（3）保存所有查询结果，发送至服务端进行保存。

请求数也将变成：

请求数 = 1 + m的点图层数量

新的问题：

看上去思路似乎并没有问题，做法也没有问题，然而在测试过程中却发现这种组合效率却如六脉神剑——时灵时不灵，有时候查询没有问题，但也有很多时候会报出：

Unable to perform query. Please check your parameters

通过伟大的谷歌以及系统日志也没有看出问题，在反复测试后，可能是数据方面的问题，也就是 ArcGIS在认为面状数据出现自相交（如八字形、多部分、镂空等情况）时，就会报出此种错误，而不在执行此类查询。例如以下两段：

{'rings' : [[[506415,305702],[506415,305698],[506426,305683],[506388,305703],[506393,305704],[506393,305708],[506407,305710],[506415,305711],[506415,305702]]]}

{'rings' : [[[506415,305702],[506415,305698],[506426,305690],[506426,305691],[506426,305683],[506388,305703],[506393,305704],[506393,305708],[506407,305710],[506415,305711],[506415,305702]]]}

第二段在查询的时候则会报出如上所示的错误。

注：arcgis 体系下，polygon是由多个ring组成的，默认情况下polygon都是一个ring。

最终解决方案：

终极解决办法是利用Simplify方法用于简化几何对象，并使几何对象的拓扑正确。

如下图所示：在开发对几何对象空间分析时，所操作的几何对象必须是简化的几何对象，以下代码片段演示了如何使一个几何对象在拓扑上一致，例如在一个PointCollection对象中移除所有的重合点；对于segmentCollection移除所有重合线段，而相交的线段会变成非相交线段(即在相交处产生一个顶点)；对于Polygon所有相交的环将被移除，未封闭的环将被封闭。

（图片来源网络）

因此，问题的最终解决办法是在整合格式后，对我们所整合的格式再次进行校准：

（1）先查出图1中的所有面，再整合格式；

（2）利用Simplify方法得到最终的整合面格式，有可能会将各个面的拓扑情况将多个面合并成一个面；

（3）根据目标图层的个数以及第2步中的整合面进行目标图层的查询；

（4）保存所有查询结果，发送至服务端进行保存。

其查询请求数为：

请求数 = 1 + 1 + m的点图层数量

扩展问题：

通常，在进行面状编辑时，也会产生此类的问题，即用户在操作一个面时，可能面状数据出现自相交（如八字形、多部分、镂空等情况），因此，需要对图形进行拓扑验证，有可能处理后的图形就会由于一个ring变成实际上的多个ring，如果不进行拓扑验证的话，可能就会出现保存编辑图形时报错。

本文链接

关于Flex Ant的相关注意事项

2011-11-01T02:10:00Z

1、代码方面：

如果是Embed的方法，务必按以下方式写，注意反斜杠的位置。

在mxml文件中：

<mx:Image source="@Embed('/cn/com/1.png')"/>

在CSS文件中：

backgroundImage:Embed(source="/cn/com/1.png");

在AS文件中：

[Embed(source="/cn/com/1.png")]
public var zmouse : Class;

2、图片以及附件的处理方面：

如果是Embed进去的，这些就不需要处理了，那未打包的资源就是一个比较麻烦的地方，偶也没有找到比较好的方法，似乎只能一个个写，参考其提供的样例：

<compc fork="true"
output="${basedir}/${THEME_NAME}.swc">

<target-player>10</target-player>
<jvmarg line="${compc.jvm.args}"/>
<include-classes>ArcadeClasses</include-classes>
<source-path path-element="${basedir}/src"/>
<library-path />
<external-library-path dir="${FLEX_HOME}/frameworks/libs">
<include name="player/${local.playerglobal.version}/playerglobal.swc"/>
<include name="framework.swc"/>
<include name="spark.swc"/>
<include name="textLayout.swc"/>
<include name="osmf.swc"/>
</external-library-path>
<include-file name="defaults.css" path="${basedir}/src/defaults.css"/>
<include-file name="assets/flex_skins.swf" path="${basedir}/src/assets/flex_skins.swf"/>
<include-file name="preview.jpg" path="${basedir}/src/preview.jpg"/>
<include-file name="metadata.xml" path="${basedir}/src/metadata.xml"/>
<locale/>
<accessible>true</accessible>
</compc>

3、样式的处理：

如果采用的动态加载样式，那么尽量将相关的库打包至样式的SWF中，否则可能会出现部分样式加载延迟的问题,关于static-link-runtime-shared-libraries的使用可以Google一下！

4、关于文件大小

采用Ant打包的文件相比使用Flash Builder自动编绎生成的文件大概要小一半左右，这是因为其自动编译的文件为了避免出错，会将一些共享库打包至SWF中，因此会造成SWF庞大，但至于使用Ant打包后的是不是会有其他问题，暂时还没有验证。

参考资源：

http://www.petersheim.org/wiki/index.php/Flex_Ant_Task

http://blog.ityao.com/archives/751

http://mxcode.com/2010/11/flex-ant-file-sample/

本文链接

ArcGIS KeyGen注册机,五步操作实现ArcGIS9.X与ArcGIS10全模块无时限破解(转载：我是一只牛)

2011-10-18T01:50:00Z

重要声明:本注册机收集于互连网.由ygdx1986推荐给xqiushi,并未测试与使用.若出现一切不良后果请自负。

友情提示:

1.License Server Administrator、ArcGIS Administrator是两个不同的东西;

2.这些操作基于官方原版，若XXX过的，请行恢复到官方原版；

3.对于ArcGIS Engine，用注册机最后一项server，选100，点右下角的”所有”。将内容复制存成.ecp文件，双击使用或者参考这里：ArcGIS 10 License最新全套内容

使用说明：

0、安装ArcGISDesktop10程序及许可设置LicenseManager程序（均可更新至sp1）；

1打开注册机，注意：主机编号可以不改，选择好过期时间和版本号（与你所安装的版本一致）；如图示：

补充说明：如果你只想授权几个功能就选择相应的功能按添加，每添加一个就增加一个功能的授权按移除可以移除上一个授权，按清除可清除所有已添加的授权，如果你想授权所有功能，按所有即可。
2生成了许可文件内容后，复制框内START_LICENSE到END_LICENSE之间的内容（PS:有些文章中说要全部复制，xqiushi认为只复制“START_LICENSE”与“END_LICENSE”之间的内容，未测试），新建一个文本文档，粘贴这些文字，另存文件为service.txt（没明白？点击下载ArcGIS 10桌面版service.txt）；
3把生成的service.txt复制到License Manager的安装目录（默认为：C:\ProgramFiles\ArcGIS\License10.0\bin\）下，替换同名文件即可；
4开始”菜单打开License Server Administrator程序，点击启动\停止许可服务，再点击“停止”以停止服务，然后再点击“启动”以启动服务，
5打开ArcGIS Administrator,选择ArcInfo（浮动使用）将licensemanager改成localhost,如图片所示操作顺序。

就这么简单！

下载地址： ArcGIS注册机.rar

本文链接

Flex开发必知（1）

2011-08-02T14:45:00Z

如何设定Flash的大小 ？

答：（1）通过ActionScript编译器参数添加-default-size width height

(2) 第二种方法就是通过类文件种的 metadata 来改变设定。 Metadata 中包含的语句不会立即被解释，但是在编译的时候编译会去检测。

[SWF(width="800", height="600", backgroundColor="#ffffff", frameRate="31")]

处理数值型时，需要在头部或者尾部加0或者其他字符？

答: 用 NumberFormat 对象更简单更灵活。NumberFormat 类是个自定义类，可到 http://www.rightactionscript.com/ascb 下载。

如何生成随机数？

答：使用 Math.random( ) 方法生成 0 到999999 的随机数。

但有时候需要唯一随机数，唯一随机数经常在产生唯一的 URL 时用到。就是在 URL 后加上个URL ，因此浏览器总是会去调用远程服务器而不是访问缓存，而NumberUtilities.getUnique( ) 返回基于毫秒的数字

如何计算两点间距离

答：var c:Number = Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));

在数组首部和尾部添加和删除元素

答：Push是在数组尾部添加元素，unshift方法是在数组头部添加元素

splice( ) 方法删除指定位置的元素， pop( ) 删除尾部元素， shift( ) 删除首部元素

数组如何转换成字符串

答：使用join方法

var letters:Array = ["a", "b", "c"];

trace(letters.join("|")); // 显示 : a|b|c

Flash内部是如何工作的？

答：Flash Player 现在把 ActionScript 虚拟机 (AVM) 和渲染引擎两块功能集成在一起了。 AVM 完成执行 ActionScript 代码，而渲染引擎负责在屏幕上绘制对象，绘制对象需要两步骤：

通过 ActionScript 引擎创建可视化对象。

渲染引擎把可视化对象绘制在屏幕上。

第一步用 new 操作符创建可视化对象实例，任何直接或间接继承自 DisplayObject 类的实例都可以添加到可视化对象列表中。

用下列代码创建TextField ：

var hello:TextField = new TextField( );

上面的代码在 AVM 中创建了一个 TextField display 对象，但是该对象没有绘制在屏幕上，因为它还不存在于渲染引擎里，要把它放到渲染引擎里需要添加该对象到可视化对象列表，通过调用DisplayObjectContainer 实例的 addChild( ) 或 addChildAt( ) 方法添加。

本文链接

ArcGIS Server 10 问题汇总

2010-11-30T12:16:00Z

最近一直在用ArcGIS Server 来做项目，但由于底层并不是使用flex api，而是使用自己研发的框架，所以使用过程中碰到的问题也是很多，问题先放这里，慢慢汇总。

1、查询结果乱码？查询图层相关信息无法查询等问题？

答：凡是涉及到中文的，可以将以下几步都做了，免得影响相关操作。

（1）设置AGS内部中间件的编码为UTF，ArcGIS Server内部中间件为tomcat ，一般设置其下C:\Program Files (x86)\ArcGIS\Server10.0\java\manager\service\managerserver\conf

下Server.xml文件中 conector标签属性，添加URIEncoding="utf-8"，防止乱码

（2）mxd所有中文字符必须为偶数个字，如果不足，用全角空格补充。注意是全角，这一条很是变态。

2、Features Service发布服务后无法启动？

请检查所有数据来源必须来自于SDE中

3、在使用Features Server时（arcgis server 10 + sde 9.3）后，中文字段无法更新

有可能出现这种情况，但我在使用arcsde 10后问题解决

4、Arcsde10 无法安装？

Arcsde 10并不支持XP的操作系统 http://support.esrichina-bj.cn/2010/0727/330.html

５、export map方法不能使用？使用了show:图层编号没有作用？

在使用了tile cache的情况下，export map方法不能再使用，必须重新发布服务，也就是说tile cache和Export map是两种不同的出图路径

６、新建立REST服务不能使用

请清除缓存http://lpclub:8399/arcgis/rest/admin进去以后，手动清除缓存

7、WMS 、WFS 中文图层查询请求失败

ArcGIS Server 对标准的OGC支持并不好，建议不要使用这些服务，采用AGS 自带的REST服务，像我在调用 WFS服务的时候就报

<ows:ExceptionReport version="1.1.0" language="en" xmlns:ows="http://www.opengis.net/ows">
- <ows:Exception exceptionCode="InvalidParameterValue">
<ows:ExceptionText>Table called éåºæå§ä¼ wasn't found.</ows:ExceptionText>
</ows:Exception>
</ows:ExceptionReport>

查询字符串：
http://192.168.3.247:8399/arcgis/services/sq/MapServer/WFSServer?request=getfeature&typename=%E9%83%91%E5%BA%84%E6%9D%91%E5%A7%94%E4%BC%9A&version=1.0.0&service=

8、在IE6下避免以 PNG 24 格式缓存地图服务

Internet Explorer 6 在显示 PNG 24 影像的透明度方面具有局限性。按照以下步骤操作可避免这种情况：

如果必须使用 Internet Explorer 6，则以 PNG 8、PNG 32 或 JPEG 格式缓存地图服务。
使用 Internet Explorer 6 以外的其他浏览器来查看以 PNG 24 格式缓存的叠加地图服务。

PNG(Portable Network Graphics)是W3C推荐的网页图片通用格式，但是Microsoft的IE6以下(IE7已经支持)没有把PNG的Alpha 通道打开，造成透明PNG图片的效果出不来。

本文链接

ArcGIS Server 10 许可文件 Ecp

2010-11-29T14:17:00Z

网络收集，仅供学习参考使用，本人不负任何责任哈！

3dengine,100,ecp.arcgis.server,none,KGE784S1MGRMMBKYZ161
3dserver,100,ecp.arcgis.server,none,VPH4ENBJ3Y831R1DF089
arcgisserver,100,ecp.arcgis.server,none,D7MFFAZ8THZTPJR67072
bingmapseng,100,ecp.arcgis.server,none,QH1N8J6BZM7PGTJ89232
bingmapssvr,100,ecp.arcgis.server,none,OLPF80PYJCNJJ7GPE158
businessvr,100,ecp.arcgis.server,none,UTE4AE2CXR2XYNEBB205
defenseintleng,100,ecp.arcgis.server,none,TRCZY4S1MGRMMBKYZ067
defenseintlsvr,100,ecp.arcgis.server,none,LHH9HK9J5ZA46EDPN164
defenseuseng,100,ecp.arcgis.server,none,UTF457E50KE00FH23148
defenseussvr,100,ecp.arcgis.server,none,LHH30H4CE00LTJT46024
designer,100,ecp.arcgis.server,none,TRBZMD18RMLSPF002054
gdbedit,100,ecp.arcgis.server,none,WEJFRRF0C6JCE3MXE079
geostatserver,100,ecp.arcgis.server,none,UTF654S1MGRMMBKYZ201
imageextserver,100,ecp.arcgis.server,none,HC4RTXLPE9JEE3CPR167
interopengine,100,ecp.arcgis.server,none,MJJAFH5G1E612RZFF118
interopserver,100,ecp.arcgis.server,none,VPF0TRFN61B75E5HJ074
jtxserver,100,ecp.arcgis.server,none,JFB157E50KE00FH23053
maplexengine,100,ecp.arcgis.server,none,LHH40XLPE9JEE3CPR159
networkengine,100,ecp.arcgis.server,none,YYPMSNCN82E8AZJTR206
networkserver,100,ecp.arcgis.server,none,PMYHHAY5RHHMF5KHT131
schematicengine,100,ecp.arcgis.server,none,YYPDCAZ8THZTPJR67200
schematicsvr,100,ecp.arcgis.server,none,PM0L8NAF20BTKXNCD158
spatialengine,100,ecp.arcgis.server,none,B5JA84S1MGRMMBKYZ159
spatialserver,100,ecp.arcgis.server,none,JFBXLD18RMLSPF002237
standardengine,100,ecp.arcgis.server,none,UTF750PYJCNJJ7GPE061
svradvanced,100,ecp.arcgis.server,none,UTE0RNBJ3Y831R1DF145
svrenterprise,100,ecp.arcgis.server,none,TRB6A7E50KE00FH23206
svrstandard,100,ecp.arcgis.server,none,A3C0LPJ0A5FBAZ8LN139
trackingengine,100,ecp.arcgis.server,none,VPF1RK8GZP4ZXNX8A052
virtualearthsvr,100,ecp.arcgis.server,none,FA0N5C04SE0H9KB10133

本文链接

基于flex及SVG技术打造交互式地图（数据篇）

2010-11-02T10:54:00Z

本文部分取自网络,其他文字版权归小能所有,转载麻烦标明出处,谢谢! 写作过程中也参阅了大量其他网络文档，如果您觉得侵犯版权，请和我联系：chinazhousheng#gmail.com

前记：从某种意义上来说，这篇文章并不属于GIS专业方面的文章，但贴出来，仅作抛砖引玉作用，以期对GIS从业者对地图的应用有所启发。

通常在日常众多需要应用地图的过程中，很大程度并不需要使用到实际的地理坐标，而仅仅是作为一个普通显示方案来进行，因此，此时，通常来说会采用flash来进行实现，但flash也有天生的短板，也就是与后台数据交互会比较差点，前一阵子基于SVG以及Flex技术做了一个简单的销售地图，偶尔也在网上看到有人求助这方面，因此本着共享的精神，先回出来分享一下。

先上图再说。

基本功能及原理：销售地图可以与分别与饼图以及柱状图进行交互显示，以体现不同的业务功能，地图可根据不同的指标显示由浅至深的不同颜色。其整体基于flex技术来实现，其核心在于地图的显示，而地图的显示则是采用开源控件Degrafa来实现，而在degrafa中，各个面的形状则是借助于SVG技术来实现。

Degrafa是一套很强大的图形算法类库，并且开源，对各种曲线、面以及其他形状绘制提供了很好的支持。

SVG是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。

从上面的描述可以看出，整体功能基本上依赖于SVG的数据，因此，首先讲的是如何来根据一幅普通图片来获取SVG数据。

地图数据制作的最终目的是将采集的数据应用至销售地图上，下面以中国地图的制作为例，详细的说明制作过程。

相关软件：svgDeveloper 1.0（仅试用期一个月）

Photoshop

具体步骤：

寻取合适的地图图片，可以网络上寻找相关的地图数据，而我们的中国地图如下所示：

1、为了符合一致大小，请将图片的大小在photoshop或者其他图像处理软件中进行处理，将其大小修改成740宽、480宽。（注：单位都为像素）

2、打开svgDeveloper，新建一个Svg文件

3、在以下代码中，修改宽度和长度为740、480

4、下面准备将图片插入至svgDeveloper中，点击工具栏中的Image按钮

鼠标呈十字状，在操作界面上进行拉框，一般拉满整个屏幕，结束后，会提示选择图片，此时，选择处理后的图片，点确定即可

5、下面进行数据采集，适当放大图片后，点击钢笔工具

此时鼠标呈钢笔形状，此时依次在地图上沿着边界线进行点选择，注意的是，最好选择好合适的填充颜色，尤其注意透明度的选择，这样可以在选面时，避免纯色而无法看清边界线。

依次在地图上进行点选择，并最终形成一个闭合的圈，此时，可以在代码区域找到以下代码：

而相应的path 中的d信息即为我们所用，须注意的是，有时候可能线圈并没有闭合，此时，最后结束的字符可能没有Z，此时，可以人工给添加上“Z”

数据篇暂告一段，如果大家还是有兴趣，我将在后面贴上代码及开发过程。

本文链接

将应用程序从Flex 3迁移至Flex 4(转载)

2010-11-01T08:43:00Z

在本指南中，我将介绍如何将一个实际应用程序从 Flex 3 迁移至 Flex 4。文中提供的示例涵盖了 Flex 应用程序开发的所有重要领域，包括 CSS、Spark 组件、自定义外观、嵌入字体等。

在您自己动手之转换之前，这看起来好像是一项艰巨的任务。如果您阅读了本指南之后，您就会发现Flex 4在组件架构、CSS改进、新状态机制和新图形标记语言FXG等各方面的优势。MX组件的向后兼容性和Flash Builder 4的优化都让这个转化过程变的简单易行

本指南中使用的示例文件包括原始 Flex 3 应用程序及转换后的 Flex 4 应用程序的源代码。完成指南中所述步骤后，您就可以使用完成后的 Flex 4 应用程序源代码进行引用了。

本文包含以下内容：

打开项目
命名空间更改
警告清除
更新应用程序及其背景
布局和样式
从 ViewStack 到 Flex 4 States
添加渐变效果
转换 SampleMicPanel 自定义视图
转换 PitchDetection 自定义视图
转换 InformationPanel 自定义视图
转换 InputDeviceSelector 自定义视图

打开项目

首先，打开 Flex 3 项目，将设置更改为指向 Flex 4.1 SDK。我将简要介绍重新对其进行编译所需改变，以及不使用MX兼容模式时Flex4的视觉效果。

将 flex3_to_flex4_transitioning.zip 内的 MicrophoneExamplesFlex3.zip 示例文件解压至您选择的文件夹。
在 Flash Builder 4 中选择 File -> Import -> Flash Builder Project。
选择 Project Folder。
单击 Browse，导航至刚才解压的 MicrophoneExamplesFlex3 文件夹，并单击 OK。
单击 Finish。
原始项目使用 Flex 3.2 SDK（AIR 2.0 beta 将其覆盖）。如果要构建项目，您将会在 Problems 面板中看到一个错误提示信息“Unknown Flex SDK: …”。要解决这一问题，您需要更改该项目使用的 SDK 版本。
下载和安装包含 AIR 2.0 的 Flex 4.1 SDK。（请参阅安装说明中的发布说明。）
右键单击项目并选择属性以打开属性对话框。
选择左边的 Flex Compiler 类别。
在 Flex SDK Version 部分，选择 Flex 4.1 SDK。
单击 OK。
注：如果您使用不同的 Flex 4 和 AIR 2.0 SDK 或 Flex 4.1 版本，请使用 Configure Flex SDKs 并选择合适的 SDK。
因为原始应用程序使用 AIR 2.0 beta 版本，您需要更新应用程序描述符文件中的命名空间。
打开 src 文件夹中的 MicrophoneExamples-app.xml 文件并找到下列代码行： <application xmlns="http://ns.adobe.com/air/application/2.0beta2">
删除“beta2”，代码行显示如下：
保存更改并构建项目。
应用程序将进行无错误编译（尽管可能会出现一些警告）。
选择 Run > Run > MicrophoneExamples并运行

图1和图2显示出Flex3版本和Flex4版本的应用程序的不同：

图 1. 用 Flex 3 SDK 构建的原始应用程序。

图 2. 使用 Flex 4 SDK 构建的应用程序，无任何代码更改。

新旧应用程序的差异是由于新 Flex 4 默认 CSS 和主题值产生的。如果您希望 Flex 4 编译器可以严格兼容旧的 MX 组件，可以在 Flex 项目的 Flex Compiler 对话框中选择“Use Flex 3 compatibility mode”选项。

另外请注意：Flex 4.1 SDK 要求的最低版本播放器是 Flash Player 10。

命名空间更改

迁移过程的第二步是进行命名空间的更改。新命名空间将 MXML 2006 命名空间分为三个部分：fx、s 和 mx。这三个部分分别是 MXML 2009 语言和构造（fx）、Spark 组件（s）和 MX 组件（mx）。

更改命名空间的步骤如下：

打开主 MicrophoneExamples.mxml 应用程序文件。
删除旧命名空间声明： xmlns:mx="http://www.adobe.com/2006/mxml"
插入新命名空间声明： xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
保存更改并构建项目。
更改命名空间产生两个错误。
定位错误（文件第 24 行和第 25 行附近）并分别将 mx:Style 和 mx:Script 更改为 fx:Style 和 fx:Script。
现在命名空间可以覆盖不同的组件集，两个组件可能名称相同，如 s:Button 和 mx:Button。命名空间的目的是清晰定义不同的组件包；这对于 MXML 及 CSS 文件和样式都很重要。Flex 4 包含对 CSS 的多命名空间支持。
打开 embed_assets/stylesheet_common.css 文件，并将 Spark 和 MX 命名空间添加到文件的顶部，如下所示： @namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
您需要将 MX 命名空间添加到 MX 组件。
在 WindowedApplication、Application、Window、ComboBox、Hslider、RadioButton 和 ToolTip 前添加 mx|。
剩余样式是特定样式名称。
这时，您也可以利用时机处理主题颜色编译器警告。
将主题颜色更改为 chrome 颜色。
请注意：chrome 颜色并非主题颜色的真实替代，而是为了本文中应用程序之目的。新 Spark 组件默认样式集与 Halo 主题不同。
文件的前几行显示如下： /**
* Common CSS definitions for the Adobe Directory
*/
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";

mx|WindowedApplication,
mx|Application,
mx|Window
{
/* make app window transparent */
font-family: "Myriad Web";
font-size: 12;
font-anti-alias-type:advanced;
disabled-overlay-alpha: 0;
chrome-color: #444444;
color: #AAAAAA;
text-roll-over-color: #AAAAAA;
text-selected-color: #AAAAAA;
}

警告清除

这时，在进行下一步操作之前，您还需要处理一个编译器警告。您将会看到一个警告显示不赞成使用 Application.application 并建议使用 FlexGlobals.topLevelApplication。您无法绑定 FlexGlobals，但是可以采用一种不同的办法，在 InformationPanel.mxml 中创建一个公共的可绑定属性并在 MicrophoneExamples.mxml 中对其进行引用。

在 InformationPanel.mxml 中定位下列代码： <mx:Script>
<![CDATA[
import mx.core.Application;
]]>
</mx:Script>
<mx:Label styleName="titleText" text="CREDITS {Application.application.applicationVersion}" />
将上述代码更改为如下新的代码： <mx:Script>
<![CDATA[
[Bindable]
public var applicationVersion:String = "";
]]>
</mx:Script>
<mx:Label styleName="titleText" text="CREDITS {applicationVersion}" />
在 MicrophoneExamples.mxml 中定位下列代码： <view:InformationPanel id="pnlInfo" width="100%" height="100%" styleName="mainPaddedBox" />
添加 applicationVersion 属性： <view:InformationPanel id="pnlInfo" width="100%" height="100%" styleName="mainPaddedBox"
applicationVersion="{applicationVersion}" />

更新应用程序及其背景

主应用程序文件包含组成应用程序的几个组件。在这一部分和下一部分，您将将旧的 MX 组件更改为其 Spark 等效组件并探索对应用程序进行布局和设计样式的新方法。

首先要更改的是主 WindowedApplication 类，其中您将将 mx:WindowedApplication 更新为 s:WindowedApplication。

您还需要更改其他一些属性。需要将布局、showFlexChrome、horizontalScrollPolicy 和 verticalScrollPolicy 等 4 个属性删除。布局属性是 Spark 中的 LayoutBase 类（而不是 String 类），且通常在 MXML 中定义。一个 Spark WindowedApplication 组件的默认布局相当于旧的绝对布局属性。

对于 showFlexChrome，您将希望设置 showStatusBar="false"，以删除 Flex 状态栏 chrome（默认情况下，Flex 状态栏 chrome 在 Spark WindowedApplication 组件中是打开的）。

在 Spark 中进行滚动通常是在 Skin 中进行处理的，且对于其组件也同样如此。默认情况下，Spark WindowedApplication 不为应用程序绘制任何 chrome；如果需要，应该开发人员来绘制 chrome。

在原始代码中，使用 VBox 和 mainBox CSS 样式创建一个自定义背景。mainBox 样式仅沿应用程序的宽度和高度提供一个灰色背景。在新应用程序中，它可以从主应用程序中删除 Vbox 组件并从 CSS 文件中删除 mainBox 样式。然后您可以将 backgroundColor="0x666666" 添加到主应用程序类中，以达到同样的效果。

实现上述更改的步骤如下：

在 MicrophoneExamples.mxml 中定位下列代码： <mx:WindowedApplication
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"

showEffect="Fade" hideEffect="Fade"
width="460" height="210" showFlexChrome="false"
creationComplete="showMain();"
horizontalScrollPolicy="off" verticalScrollPolicy="off"
layout="absolute"
xmlns:view="view.*"
viewSourceURL="srcview/index.html">
用如下代码更新WindowedApplication组件： <s:WindowedApplication
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:view="view.*"
showEffect="Fade" hideEffect="Fade"
width="460" height="210"
creationComplete="showMain();"
showStatusBar="false"
backgroundColor="0x666666"
viewSourceURL="srcview/index.html">
通过删除下列行删除 Vbox： <mx:VBox id="bgBox" width="460" height="210" styleName="mainBox" />
将结束标记从 </mx:WindowedApplication> 更改为 </s:WindowedApplication>。
从 stylesheet_common.css 中删除 mainBox 定义。

布局和样式

在 Flex 3 中，布局和设置样式的能力（填充、背景颜色等）被混合到一个组件中。将麦克风应用程序（或其他任何应用程序）从 Flex 3 迁移至 Flex 4 时，您会注意到可以独立处理布局和样式的区域。

例如，在 MicrophoneExamples.mxml 中检查首个 Hbox。Hbox 在 Spark 中没有直接的一对一组件匹配，尤其是 titleBox 样式类定义 CSS 文件中的填充、边框和背景值后。在 Spark 中，Group 类被设计为轻量级布局和容器类，但是它们不提供任何外观自定义功能。对于外观自定义功能或任何展示组件，您需要使用一个可以扩展 SkinnableComponent 的类。您可以使用 SkinnableContainer 在容器中展示可视内容和布局元素。这将打开很多选项，并导致些许混乱。

因为 Hbox 提供可视内容和布局，使用 SkinnableContainer 类是个好主意。

以下是所有更改都完成后的 SkinnableContainer；具体步骤见下文。 <s:SkinnableContainer
skinClass="controls.skins.TopBarSkin" width="100%">
<s:Group y="8" mouseDown="startMove(event)" mouseUp="movingReferenceEvent = null">
<s:BitmapImage source="@Embed('embed_assets/mic16.png')" />
<s:Label text="MICROPHONE" styleName="titleText" x="18" y="3" backgroundAlpha="0" />
<s:Label id="txtExample" text="{viewName}" x="100" y="3" styleName="titleTextGrey" backgroundAlpha="0" />
</s:Group>

<s:HGroup mouseDown="startMove(event)" mouseUp="movingReferenceEvent = null"
verticalAlign="bottom" width="100%" horizontalAlign="right" gap="10">
<s:Button styleName="leftArrowButton" click="changeView('left')" />
<s:Button styleName="rightArrowButton" click="changeView('right')" />
<s:ToggleButton id="btnInfo" styleName="helpButton" click="changeView('info')"
tabEnabled="false" toolTip="Information" />
<s:Button styleName="appCloseButton" click="stage.nativeWindow.close()" tabEnabled="false" toolTip="Close" />
</s:HGroup>

</s:SkinnableContainer>

首先在 MicrophoneExamples.mxml 中用 s:SkinnableContainer 代替 mx:Hbox。
在名为 controls.skins 的项目中创建一个新包。
在该包中，使用一个 spark.components.SkinnableContainer 主机组件创建一个名为 TopBarSkin.mxml 的新 MXML 外观。
将下列代码复制到 TopBarSkin.mxml，覆盖其默认内容。 > <?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5">
<fx:Metadata>
<![CDATA[
[HostComponent("spark.components.SkinnableContainer")]
]]>
</fx:Metadata>

<s:states>
<s:State name="normal" />

<s:State name="disabled" />
</s:states>
<s:Rect id="background" width="100%" height="35">
<s:fill>
<s:SolidColor color="0x212121" />
</s:fill>

</s:Rect>
<s:Line width="100%" y="34">
<s:stroke>
<s:SolidColorStroke color="0x121212" />
</s:stroke>
</s:Line>

<s:HGroup id="contentGroup"
paddingLeft="10" paddingTop="6" paddingRight="10" paddingBottom="6"
horizontalAlign="left" verticalAlign="middle"
width="100%" />
</s:Skin>
该外观通过使用 titleBox CSS 样式表中的值绘制一个 Rect 和 Line 来创建背景和底部边框。SkinnableContainer 寻找一个名为 contentGroup 的外观部件，在该外观中是一个 Hgroup，其值是通过 titleBox 样式在原始 Hbox 上使用的填充值和布局值。
在原始 Hbox 内，首个容器是一个包含应用程序麦克风图标和部分标签的 Canvas 组件。其目的仅仅是使用部分特定值部署组件。
将 mx:Canvas 更改为 s:Group。
在 Canvas 内，有一个 Image 组件： <mx:Image source="embed_assets/mic16.png" y="3" />
mx:Image 类支持动态和静态图像加载，但是使用 s:BitmapImage 将更加快速，且使用的类也更小。
将 mx:Image 行更改为： <s:BitmapImage source="@Embed('embed_assets/mic16.png')" />
将 mx:Label 组件更改为 s:Label 组件。
此更改还要求对 CSS 文件进行部分更改。Flex 4 Spark 控件使用新的 Flash Player 10 文本布局框架（TLF）展示文本；它更加新(先进)且可以提供几种新功能，包括双向文本。它与嵌入字体的工作方式也不同。在使用 @font-face 嵌入不同字体的 CSS 文件中，您需要添加 embedAsCFF: true;。您还需要为希望使用嵌入字体的特定样式类添加 fontLookup: embeddedCFF;。
在 stylesheet_common.css 文件中进行下列更改： @font-face
{
src:url("/embed_assets/fonts/MYRIAD.TTF");
font-family: "Myriad Web";
advanced-anti-aliasing: true;
embedAsCFF: true;
}

@font-face
{
src:url("/embed_assets/fonts/MYRIADB_0.TTF");
font-family: "Myriad Web";
font-weight: bold;
advanced-anti-aliasing: true;
embedAsCFF: true;
}

@font-face
{
src:url("/embed_assets/fonts/MyriadPro-Black.otf");
font-family: "Myriad Pro Black";
embedAsCFF: true;
}
.titleText, .titleTextGrey, .titleTextBlack
{
font-size: 12;
color: #FFFFFF;
font-family: "Myriad Pro Black";
fontLookup: embeddedCFF;
}
默认情况下，s:Label 有一个背景颜色，因此您会希望通过用 CSS 文件中的 background-alpha: 0; 添加一个 s|Label CSS 样式使背景颜色不可见。
将下列代码添加到 stylesheet_common.css： s|Label
{
background-alpha: 0;
font-size: 12;
}
同样，在 Label 组件上添加 y="3" 并将两个像素添加到标签组件的 x 值，以使文本重新排行，因为 TLF 的默认定位： <s:Label text="MICROPHONE" styleName="titleText" x="18" y="3" backgroundAlpha="0" />
<s:Label id="txtExample" text="{viewName}" x="100" y="3" styleName="titleTextGrey
原始 Hbox 的第二组组件包含右边的 4 个按钮：左导航、右导航、帮助和关闭。
容器类 mx:Hbox 不包含任何可视内容，因此将其更改为 s:Hgroup，保留水平布局。同样，将 horizontalGap 属性更改为 gap。
您需要记住 Spark 按钮上的一些更改。您将看到原始 btnInfo 按钮的 toggle 为“真”。默认情况下，Spark 按钮不实现 toggle 功能。有一个选择状态的按钮有一个 Spark ToggleButton。下一个大问题是，在默认情况下，Spark 按钮的风格不支持通过样式进行向上、向下、over 和禁用外观操作。幸运的是这不难处理。您基本想要为按钮状态使用图像，并弃用普通按钮外观的所有绘画，这就是 Flex 4 外观自定义功能中的所有内容。
将 mx:Button 组件更改为 s:Button 组件——如果是 btnInfo，则更改为 s:ToggleButton。
在 controls.skins 包中创建一个名为 IconButtonSkin 的新 MXML Skin。
将下列代码复制到 IconButtonSkin.mxml： <?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx=http://ns.adobe.com/mxml/2009
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
currentStateChanging="onCurrentStateChanging(event)">
<fx:Metadata>[HostComponent("spark.components.supportClasses.ButtonBase")]</fx:Metadata>


<fx:Script fb:purpose="styling">
<![CDATA[

import mx.events.StateChangeEvent;

private function onCurrentStateChanging(event:StateChangeEvent):void
{
switch (event.newState)
{
case "up":
setIcon("upSkin");
break;
case "over":
setIcon("overSkin");
break;
case "down":
setIcon("downSkin");
break;
case "disabled":
setIcon("disabledSkin");
break;
case "upAndSelected":
setIcon("selectedUpSkin");
break;
case "overAndSelected":
setIcon("selectedOverSkin");
break;
case "downAndSelected":
setIcon("selectedDownSkin");
break;
case "disabledAndSelected":
setIcon("selectedDisabledSkin");
break;
}
}
private function setIcon(type:String):void
{
if (hostComponent.getStyle(type) != null)
{
icon.source = hostComponent.getStyle(type);
}
}

]]>
</fx:Script>


<s:states>
<s:State name="up" />
<s:State name="over" />
<s:State name="down" />
<s:State name="disabled" />

<s:State name="upAndSelected" />
<s:State name="overAndSelected" />
<s:State name="downAndSelected" />
<s:State name="disabledAndSelected" />
</s:states>

<s:BitmapImage id="icon"
source="{hostComponent.getStyle('upSkin')}"
left="0" right="0" top="0" bottom="0" />

</s:SparkSkin>
该 Skin 文件中的代码侦听状态更改，然后使用状态值根据样式查找设置图标。样式是旧版的 mx:Button 的样式，因此无须更改 CSS 代码。请注意：代码还将检查样式是否存在以确认它没有试图设置一个无效的图像源。IconButtonSkin 不包含任何绘画代码或标签，仅包含一个单独的 s:BitmapImage。该组件的源属性被设置成 CSS 样式中设置的值。
因为该应用程序没有其他按钮，您可以在 CSS 文件中为 s|Button 和 s|ToggleButton 设置默认外观，以新建 IconButtonSkin。
将下列代码添加到 stylesheet_common.css： s|Button, s|ToggleButton
{
skin-class: ClassReference("controls.skins.IconButtonSkin");
}

现在所有向上、over 和其他状态的特定按钮 CSS 类样式将与新的 s|Button 和 s|ToggleButton 外观文件一起工作。

从 ViewStack 到 Flex 4 states

Flex 4 对 MXML 中状态工作的方式进行了彻底革新，新版方法比旧版方法（使用旧版方法时，所有状态逻辑都在状态 MXML 块中）更加简易。您可以使用 Flex 4 状态机制代替 mx|ViewStack 功能的大部分简单案例。

注：无 Spark ViewStack 直接组件替代，但是如果您需要旧版 selectedChild 属性和相似的语法，您可以从网上找到第三方 ViewStack Flex 4 Spark 组件。

要使用新状态方法，请打开 MicrophoneExamples.mxml 并添加三种状态，分别用于 ViewStack 中声明的三种视图： <s:states>
<s:State name="sampleMic" />
<s:State name="pitchDetection" />
<s:State name="info" />
</s:states>
注：<s:states> 块必须放置于任何内容组件之前，否则您将收到下列编译器错误提示：“Child elements of 'WindowedApplication' serving as the default property value for 'mxmlContentFactory' must be contiguous. MicrophoneExamples.mxml /microphone/src line 57 Flex Problem”。
接下来，删除 mx:ViewStack 并使用各自的状态名称为 mx:ViewStack 中每个自定义组件添加 includedIn 属性： <view:SampleMicPanel id="pnlMic" left="0" top="40" right="0" bottom="0"
includeIn="sampleMic"
micSelector="{micSelector}"/>
<view: PitchDetection id="pnlTuner" left="0" top="40" right="0" bottom="0"
includeIn="pitchDetection"
micSelector="{micSelector}" />
<view:InformationPanel id="pnlInfo" left="0" top="40" right="0" bottom="0"
paddingLeft="10" paddingTop="8" paddingRight="10"
includeIn="info"
applicationVersion="{applicationVersion}" />
构建项目。
在 Problems 面板中，您将在 MicrophoneExamplesSource.as 中看到三个错误，分别在下列三行中： vsMain.selectedChild = pnlInfo;

vsMain.selectedChild = pnlMic;

vsMain.selectedChild = pnlTuner;
您需要更改这些行上的 currentState，而不是更改 selectedChild。
在 MicrophoneExamplesSource.as 中编辑上述所有行，并将这些行更改为： currentState = "info";

currentState = "sampleMic";

currentState = "pitchDetection";
当 currentState 属性值更改时，触发事件，用于状态转换。以下是 MicrophoneExamplesSource.as 代码更改：if (view != "info")
{
btnInfo.selected = false;
}
else
{
viewName = "(Application Info)";
currentState = "info";
}
if (view == "mic")
{
viewName = "(Record & Playback)";
currentState = "sampleMic";
}
if (view == "tuner")
{
viewName = "(Pitch Detection)";
currentState = "pitchDetection";
}

添加渐变效果

Flex 4 方法支持状态转换。它们允许您轻松应用状态转换效果。以麦克风为例，您可以为每次状态更改添加一个渐变状态转换。

将下列代码添加到 <s:states> 块下的 MicrophoneExamples.mxml： <s:transitions>
<s:Transition toState="pitchDetection">
<s:Fade alphaFrom="0.0" alphaTo="1.0" duration="600"
targets="{[pnlTuner,txtExample]}"/>
</s:Transition>
<s:Transition toState="sampleMic">
<s:Fade alphaFrom="0.0" alphaTo="1.0" duration="600"
targets="{[pnlMic,txtExample]}"/>
</s:Transition>

<s:Transition toState="info">
<s:Fade alphaFrom="0.0" alphaTo="1.0" duration="600"
targets="{[pnlInfo,txtExample]}"/>
</s:Transition>
</s:transitions>
每个自定义视图中的 txtExample 引用与每个视图一起更改的顶部栏内的标签。在应用程序的 Flex 3 版本中，标签无 id，因此您需要添加一个。
使用 text="{viewName}" 将 id="txtExample" 添加到应用程序中的 Label： <s:Label id="txtExample" text="{viewName}" x="100" y="3" styleName="titleTextGrey" backgroundAlpha="0" />

转换 SampleMicPanel 自定义视图

迁移至 Flex 4 的应用程序的最后部分是两个麦克风示例的自定义组件视图和信息面板。每个组件迁移使用相同的基本方法和技巧，且可能看似之前步骤的重复，这将演示代码和外观的部分重用。

以示例 mic 视图开始。

打开 SampleMicPanel.mxml 并将主组件从 mx:Canvas 更改为 s:Group，因为在 mx:Canvas 上无样式设计功能。 <s:Group
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:view="view.*"
creationComplete="init();" hide="stop()">
添加三个新的命名空间：
因为新的命名空间更改，将 mx:Script 块更改为 fx:Script。
首个子 mx:Canvas 组件的 styleName 为“controlsBox”。
从 CSS 文件中删除 controlsBox 样式。
将 Canvas 组件更改为 SkinnableComponent： <s:SkinnableComponent left="9" right="9" top="50" height="60"
skinClass="controls.skins.ControlsBoxSkin" />
在 controls.skins 包中创建一个名为 ControlsBoxSkin.mxml 的新 MXML Skin，并将下列代码复制到其中： <?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">

<fx:Metadata>
[HostComponent("spark.components.supportClasses.SkinnableComponent")]
</fx:Metadata>
<s:states>

<s:State name="normal" />
<s:State name="disabled" />
</s:states>

<s:Rect width="100%" height="100%">
<s:stroke>
<s:SolidColorStroke color="0x3A3A3A" />

</s:stroke>
<s:fill>
<s:SolidColor color="0x565656" />
</s:fill>
</s:Rect>
<s:Group id="contentGroup" left="5" right="5" top="4" bottom="4" />

</s:Skin>
该外观以后将在其他自定义组件中重用。
第二个 mx:Canvas 有一个 id="spectrum"，是一个可以动态绘制波形图的占位符。
将 mx:Canvas 更改为 s:Group。Group 类扩展了可以按程序绘制的 Sprite。
更改代码的 TOP CONTROLS 部分，如下所示： 
<s:HGroup id="topControls" left="10" right="10" top="0">
<s:ToggleButton id="btnRecord" click="recordSound()"
styleName="recordButton" />
<s:Label styleName="footerPTText" text="{micSelector.micName}"
click="micSelector.visible = !micSelector.visible" />
<s:Group width="100%" />
<s:Button id="btnSave" click="savePrompt()" enabled="false"
toolTip="Save and Open in Default OS WAV Player"
styleName="saveOpenButton" />

</s:HGroup>
在上述代码中，mx:HBox 被更改为 s:Hgroup，mx:Button 被更改为 s:Button 和 s:ToggleButton（删除 toggle 属性），mx:Label 被更改为 s:Label。mx:Spacer 被更改为 s:Group，其中 width="100%"。
s:Label 填充与 mx:Label 不同，因此编辑 CSS 文件并为 footerPTText 将 padding-top: 2px 更改为 padding-top: 6px。
更改代码的 TIMING UI 部分，如下所示： <!— TIMING UI -->
<s:HGroup id="timings" left="10" right="10" top="31" gap="0">
<s:Label styleName="titleTextBlack" text="Last Data Event:" />
<s:Label styleName="footerText" text="{micStats}" />
<s:Group width="100%" />
<s:Label styleName="titleTextBlack" text="Recording Time:" />

<s:Label styleName="footerText" text="{micTimer}" textAlign="right" />
</s:HGroup>
在上述代码中，mx:HBox 被更改为 s:HGroup 且属性 horizontalGap 被更改为 gap。同样，mx:Spacer 被更改为 s:Group，其中 width="100%"。因为填充的不同 s:Hgroup 被降低了五个像素。
更改代码的 PLAY CONTROLS 部分，如下所示： 
<s:HGroup id="playControls" left="10" right="10" bottom="30" verticalAlign="middle"
gap="2">
<s:ToggleButton styleName="playButton"
id="btnPlay" click="isPlayingFlag = true;playRecordedData()" />
<s:Group id="playHeadCanvas" height="16" y="5" width="100%">
<s:Rect width="100%" height="100%">
<s:stroke>

<s:SolidColorStroke color="0x3A3A3A" />
</s:stroke>
<s:fill>
<s:SolidColor color="0xAAAAAA" />
</s:fill>
</s:Rect>

<s:Group id="playHead" width="8" height="15" y="0" x="0">
<s:Rect width="100%" height="100%">
<s:fill>
<s:SolidColor color="0x333333" />
</s:fill>
</s:Rect>

</s:Group>
</s:Group>
<s:Group height="100%">
<s:HSlider width="64" dataTipFormatFunction="volumeDataTipFunction" toolTip="Volume"
y="7" skinClass="controls.skins.MyHSliderSkin"
id="vsVol" minimum="0" maximum="100" value="60" />
</s:Group>
</s:HGroup>
在代码的 PLAY CONTROLS 部分，mx:HBox 被更改为 s:Hgroup，mx:Button 被更改为 s:ToggleButton（删除 toggle 属性），所有 mx:Canvas 被更改为 s:Group，mx:HSlider 被更改为 s:Hslider。playHeadCanvas 和 playHead 组件在 mx:Canvas 上设置有背景颜色；它们被删除并用 Rect 组件直接拉入 Group 组件。
注：直接拉至 Spark Group 组件与常规外观自定义操作不同。我在此介绍这种方法主要是为了提供另一种不同的方法。这种方法功能略逊，但是不一定效果差。
s:HSlider 通过外观而非像以前一样通过样式处理 DataTip 样式设置。因此您需要创建一个自定义外观。
在 controls.skins 包中创建一个名为 MyHSliderSkin.mxml 的新 MXML Skin，并将代码从完整的 Flex 4 示例文件复制到其中。
为了制作该外观，我创建了一个 Spark Hslider 外观，并将 DataTip 部分微调成圆角深色矩形和淡灰色文本。在 CSS 文件中无等效物，但是 mx:Hslider 将在设置 DataTip 样式时使用通用样式，因此需要在 s:Hslider 的外观中手动进行更改。以下是 MyHSliderSkin.mxml 外观中 DataTip 部分的代码：<fx:Declarations>

<fx:Component id="dataTip">
<s:DataRenderer minHeight="24" minWidth="40" y="-34">
<s:Rect top="0" left="0" right="0" bottom="0" radiusX="2" radiusY="2">
<s:fill>
<s:SolidColor color="0x353535" alpha=".9"/>

</s:fill>
<s:filters>
<s:DropShadowFilter angle="90" color="0x000000" distance="2"/>
</s:filters>
</s:Rect>
<s:Label id="labelDisplay" text="{data}"
horizontalCenter="0" verticalCenter="1"
left="5" right="5" top="5" bottom="5" color="0xdddddd"
textAlign="center" verticalAlign="middle"
fontWeight="normal" fontSize="11">

</s:Label>
</s:DataRenderer>
</fx:Component>
</fx:Declarations>
注：Hslider、RadioButton 和 ComboBox CSS 样式值使用自定义图像作为图标样式值。对于我之前讨论的 s:Button，我必须通过外观而非样式（或者一个可以读取样式的自定义外观）做到这一点。上述 Spark 组件的默认外观提供我正在寻找的外观和感觉，但是略有不同，因此我没有为那些组件创建自定义外观。方法类似 controls.skins.IconButtonSkin 的方法，但是由于嵌套外观的原因略微复杂一些。
继续通过代码的剩余部分，并将相同类型的更改应用于各种组件。如果需要，您可以参阅已完成的示例文件。
将 mx:ComboBox 切换为 s:ComboBox 时需要注意的一点是 dataProvider 不提供 Array 值；它必须是 Ilist。我将 Array 包装到一个实现 IList 的 ArrayList 中。确保使用导入 mx.collections.ArrayList; 将 ArrayList 导入到 Script 块的顶部。代码如下： <s:Group width="100%" left="10" right="10" top="148">
<s:Label styleName="titleTextBlack" text="Playback Speed:" y="1" />
<s:HSlider id="hsSpeed" left="94" right="0" dataTipFormatFunction="dataTipFunction"
toolTip="Speed" value="50" snapInterval="1" minimum="10" maximum="90" liveDragging="true" />
</s:Group>
<s:HGroup id="bottomControls" left="10" right="10" bottom="10">
<s:ComboBox id="nmQuality" visible="false" includeInLayout="false"
dataProvider="{new ArrayList([2048,(1024*3),(1024*4),(1024*5),(1024*6),(1024*7),8192])}" />
</s:HGroup>

转换 PitchDetection 自定义视图

PitchDetection 自定义视图的更新非常像之前的自定义组件更新，通过添加命名空间和将所有的 MX 组件更改为其 Spark 等效物实现。您需要将主 mx:Canvas 更改为 s:Group，并将 mx:Canvas（styleName="controlsBox"）更改为 s:SkinnableContainer（值为 skinClass="controls.skins.ControlsBoxSkin"），如之前的 SampleMicPanel 组件迁移一样。选择一个用于外观重用。下面是 PitchDetection.mxml 内容部分的代码： <s:ToggleButton id="btnRecord" click="recordSound()" left="10"
styleName="recordButton" />
<s:Label styleName="titleTextBlack" text="Start Sampling to Determine the Pitch of the Audio"
bottom="6" horizontalCenter="0" />
<s:Label styleName="footerPTText" text="{micSelector.micName}" click="micSelector.visible = !micSelector.visible"
y="0" left="50" />

<s:Label id="note_tx" text="Note"
verticalCenter="-48" horizontalCenter="0" styleName="titleTextBlack" fontSize="32"/>

<s:SkinnableComponent left="15" right="15" bottom="31" height="80"
skinClass="controls.skins.ControlsBoxSkin" />

<s:BitmapImage source="@Embed('embed_assets/pitch/musicstaff.png')" left="15" bottom="31" />
<s:BitmapImage source="@Embed('embed_assets/pitch/notedown.png')"
verticalCenter="31" horizontalCenter="0" id="notedown" visible="false" />

<s:BitmapImage source="@Embed('embed_assets/pitch/noteup.png')"
verticalCenter="16" horizontalCenter="0" id="noteup" visible="false" />
<s:BitmapImage source="@Embed('embed_assets/pitch/noteupwbar.png')"
verticalCenter="16" horizontalCenter="-1" id="noteupwbar" visible="false" />
<s:BitmapImage source="@Embed('embed_assets/pitch/sharp.png')"
verticalCenter="32" horizontalCenter="-15" id="sharp" visible="false" />

请参阅 PitchDetection.mxml 的示例 Flex 4 版本，以获取完整的示例。

您也可以在 MicrophoneExamples.mxml 文件中从 PitchDetection 组件中删除 styleName="mainPaddedBox"，因为该组件不需要且那些样式将不应用于 s:Group 视图的顶部组件。

转换 InformationPanel 自定义视图

在 InformationPanel 组件中，您需要将 mx:VBox 更改为 s:Vgroup，并将 verticalGap 更改为 gap。您可以在 MicrophoneExamples.mxml 文件中从 InformationPanel 组件中删除 styleName="mainPaddedBox"，并从主 CSS 文件中删除 mainPaddedBox。这是因为 Spark 组件不是通过样式进行填充的，而是作为 s:VGroup 组件上的属性。将旧版的填充样式值作为 MicrophoneExamples.mxml 文件中声明的 InformationPanel 上的属性（paddingLeft="10" paddingTop="8" paddingRight="10"）。

当您将 mx:Label 更改为 s:Label 时，将影响填充及文本的大小，因此您需要将 CSS 文件中的 .infoText 字体大小更改为 12。原始 mx:Hrule 基本是一行，因此您可以删除该组件并用 s:Line（其中厚度重量为 2）将其替换。所有更改都完成后的代码如下： <?xml version="1.0" encoding="utf-8"?>
<s:VGroup xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
gap="8">
<fx:Script>
<![CDATA[
[Bindable]
public var applicationVersion:String = "";
]]>
</fx:Script>
<s:Label styleName="titleText" text="CREDITS {applicationVersion}" />

<s:Line width="100%">
<s:stroke>
<s:SolidColorStroke color="0xffffff" weight="2" />
</s:stroke>
</s:Line>
<mx:Spacer height="0" />

<s:Label styleName="titleTextBlack" text="Application Author: "/>
<s:Label styleName="infoText" text="Renaun Erickson" />
<s:Label styleName="titleTextBlack" text="Pitch Detection Code: "/>
<s:Label styleName="infoText" text="John Montgomery (psychicorigami.com) AS3 port Benjamin Dobler" />
<s:Label styleName="infoText" text="Modified by Renaun Erickson" />

</s:VGroup>

转换 InputDeviceSelector 自定义视图

InputDeviceSelector 自定义组件利用 controlsBox 样式，这就意味着您可以用 s:SkinnableContainer 重用 controls.skins.ControlsBoxSkin，以代替 mx:Canvas。您还需要像以前一样进行 fx:Script、s:Label 和 s:Vgroup 更改。当您将 mx:ButtonRadioGroup 更改为 s:ButtonRadioGroup 时，需要将其移动到一个新的 fx:Declarations 代码块中，以使其与可视声明相分离。如果您在上述更改后进行编译，将会看到错误提示建议使用 addElement 而非 addChild。Spark 容器组件必须实现 IvisualElement 接口并使用新的 addElement 方法。只需将 vbButtons.addChild 更改为 vbButtons.addElement，以解决编译器错误，这样就全部完成了。下面是该自定义组件的内容部分： <fx:Declarations>
<s:RadioButtonGroup id="grpRadio" itemClick="changeMic(event)" />
</fx:Declarations>
<s:Label styleName="infoText" text="Select An Input Device:" left="6" top="6" />
<s:VGroup id="vbButtons" left="6" right="6" top="22" bottom="6" gap="5" />

请参阅 InputDeviceSelection.mxml 的示例 Flex 4 版本，以获取应用程序的完整 example.Run，然后就可以享用了；这就是从 Flex 3 迁移至 Flex 4 的全部过程。

http://www.infoq.com/cn/vendorcontent/show.action?vcr=1168

本文链接

ArcGIS 10 破解安装（desktop及ArcGIS Server 10）

2010-11-01T08:27:00Z

虽然拿到了ArcGIS 10的授权，但由于只有一个，而且安装在服务器上，看了一下说明，又需要什么浮动许可之类，觉得太麻烦，在网上搜索了下，汇总如下（内容来自于网络，提供也仅为学习参考使用）：

Desktop破解

出乎我的意外，10的破解非常的简单，看来老外的水平真是不可小看啊，以下仅提供方法：

1、先卸载所有的之前的版本，然后搜索Arcgis10_arcinfo_super_easy_fix.rar，并下载，这个可能有点慢。

2、安装Desktop,不用装license

3、安装下载下来的文件ags_lm_10_modified_ver_plus_afcorev5.exe

4、打开ArcGIS Administrator,将license manager改成localhost

ArcGIS Server

安装与以前没有什么二样，只是授权文件的问题了，在网上搜索了一下：

svradvanced,100,ecp123456789,11-NOV-2010,A3E0RNBJ3124CZ618149
svrstandard,100,ecp123456789,11-NOV-2010,A3C0LPJ0A99BL7EAG061
arcgisserver,100,ecp123456789,11-NOV-2010,A3E650PYJGHJTGMJH058

很遗憾，只能使用到11月份，先用着吧。

再提供一个永久的arcgis server ecp

http://www.cnblogs.com/chinazhousheng/archive/2010/11/29/1891550.html

本文链接