flex+eclipse开发UI特效

yangying

我先来说说安装
--------------------------------------------------------------------------------------------------------------------
flex+eclipseflex是基于Mxml语言的 ，Flex是Macromedia发布的presentation server(展现服务)，
它是java web container或者.net server的一个应用，根据.mxml文件(纯粹的xml描述文件和
actionscript)产生相应得.swf文件，传送到客户端，由客户端的 flash player或者shockwave
player解释执行，给用户以丰富的客户体验。
我也是刚学不过感觉不错，我们学习.net的可以这样做，在Eclipse里开发Flex打包成Flash，
在Mxml里调用Webservice就可以连接数据库和处理逻辑了，因为Mxml里不能连接 数据库，
呵呵，但是可以做出很炫的界面。这里一本参考手册大家可以看一下，我们根据自己的学习
再发布一些例子上来，和大家一起讨论谢谢大家的支持啊！！！
参考手册下载：http://files.cnblogs.com/sufei/Flex.rar
一.首先下载安装Eclipse 3.3 安装到（这是绿色版的解压就可以了，自己定义也可以）
D:\Program Files\eclipse
成功了.下载地址http://jx.newhua.com/down/eclipse-SDK-3.3-win32.zip

二.下载安装Flex Builder 3.0
下载地址http://trials.adobe.com/Applications/Flex/FlexBuilder/3/FB3_WWEJ_Plugin.exe

1.开始安装，指定 Flex Builder 3.0 安装路径为
D:\Program Files\eclipse\Flex Builder,
下一步. (你也可设为其它目录,但不要这样:D:\Program Files\eclipse)

2.指定 Eclipse 安装路径为 D:\Program Files\eclipse 进下一步.

3.选择是否安装浏览器 Flash Plyer 9 插件(可选安装)

三.在Eclipse里配置Flex Builder

1.把D:\Program Files\eclipse\Flex Builder\com.adobe.flexbuilder.update.site\下的 plugins、
features、site.xml复制到 D:\Program Files\eclipse\ 覆盖原文件。

2.把D:\Program Files\eclipse\Flex Builder\eclipse\下的 plugins、features复制到
D:\Program Files\eclipse\覆盖原文件。
3.把D:\Program Files\eclipse\Flex Builder\sdks 复制到D:\Program Files\eclipse\
到这里Flex Builder安装完成,接下来就是启动Eclipse
我们现在已经可以找到Flex了

4.进行Flex的配置.
在Eclipse中.点击->Window->;Preferences->Flex->Installed Flex SDKs
修改Flex SDKs 2.0 .和 Flex SDKs 3.0的路径点，其中Flex SDKs 3.0.1打上小勾，
最后我们Apply让设置成效.重启Eclipse..你就可以开发Flex了。
这是我成功配置并正在使用的例子大家参考一下，如果有什么不当之处请大家提出来

一起来实现一个效果
----------------------------------------------------------------------------------------------------------------------------
先看下设计界面

Mxml代码如下

[HTML] 纯文本查看 复制代码

Mxml文档
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="[url=http://www.adobe.com/2006/mxml][color=#0066cc]http://www.adobe.com/2006/mxml[/color][/url]" horizontalAlign="center" layout="absolute" width="450" height="500" creationComplete="initApp()" backgroundColor="#FFFFFF" fontSize="12"> 
<mx:Script>
<![CDATA[
private function initApp():void{
words.dataProvider=['Water','水','Car','汽车','House','房屋','Book','书籍','Music','音乐','Sandwich','三明治'];
english.dataProvider=[];
chinese.dataProvider=[];
}
]]>
</mx:Script>
<mx:Panel x="0" y="-9" horizontalAlign="center" width="450" height="500" layout="absolute" title="神奇的效果" borderColor="0x3380DD" >
<mx:Label x="26" y="3" text="第一个箱子"/>
<mx:Label x="225" y="6" text="第二个箱子"/>
<mx:List x="223" y="25" id="english" width="197" height="120" dropEnabled="true" dragEnabled="true"></mx:List>
<mx:Label x="223" y="150" text="第三个箱子"/>
<mx:List x="223" y="177" id="chinese" width="197" height="120" dropEnabled="true" dragEnabled="true" ></mx:List>
<!-- dragEnabled="true"启用托出 dropEnabled="true"用户托放-->
<mx:List x="24" id="words" y="25" height="272" width="200" dropEnabled="true" dragEnabled="true"></mx:List>
<mx:DataGrid dropEnabled="true" dragEnabled="true" height="133" alternatingItemColors="[#F7F7F7, #FFFFFF]" themeColor="#009DFF" alpha="1.0" borderThickness="1" textAlign="left" left="24" right="10" verticalCenter="138">
<mx:columns>
<mx:DataGridColumn headerText="名称" dataField="col1"/>
<mx:DataGridColumn headerText="名称" dataField="col2"/>
</mx:columns>
</mx:DataGrid>
</mx:Panel>
</mx:Application>

一起来看看效果

站长苏飞

这个下载地址如果无效请联系我