Flex第一课教程文启领航教育.docVIP

Flex培训 第一课 了解RIA领域 了解Flex SDK框架 了解FlashBuilder开发工具 了解Flash体系结构 采用Flash Builder创建工程 Flex工程 AIR工程 AS3.0工程 Flex 类库工程 手机开发工程 了解行业flex应用 了解flex资源 flex 4.0 API 精彩网站 创建工程步骤 src目录表示源码存放的位置；今后.mxml文件,.as文件，图片资源等等都放在该位置。 Flex4.5.1表示框架的SDK包。 bin-debug表示存放工程编译之后的.swf文件。 html-template是生成网页模板，今后就可以用网页方式打开swf文件 libs表示添加第三方类库或框架等 课堂案例 登陆按钮界面制作 （正常）（鼠标在上） 代码 s:Button buttonMode=true mouseOut=MyBtn_mouseOutHandler(event) mouseOver=MyBtn_mouseOverHandler(event) x=20 y=93 label=登录 id=MyBtn enabled=true click=MyBtn_clickHandler(event) fontFamily=细明体 fontSize=36 color=#F90DEB fontWeight=bold textDecoration=none lineThrough=false chromeColor=#000108 cornerRadius=10 width=100 height=100 fontStyle=italic/ 属性： buttonMode 表示 鼠标放到按钮上之后，鼠标变成手状 x=20 y=93 表示x,y在容器中的坐标位置 label=登录 id=MyBtn width height 样式： textDecoration 表示是否有下划线 chromeColor 表示背景颜色 lineThrough cornerRadius 表示边框弧度 fontStyle 表示样式 fontSize 表示子大小 事件： mouseOut 表示鼠标离开调用事件 mouseOver 表示鼠标在上调用事件 click 鼠标单击调用事件 mouseOut=MyBtn_mouseOutHandler(event)事件方法 protected function MyBtn_mouseOutHandler(event:MouseEvent):void { event.target.setStyle(chromeColor,#000108); event.target.setStyle(color,#F90DEB); event.target.scaleX =event.target.scaleY=1; event.target.alpha=1; Button(event.target).filters=[]; } mouseOver=MyBtn_mouseOverHandler(event)表示鼠标在上面时 protected function MyBtn_mouseOverHandler(event:MouseEvent):void {event.target.setStyle(chromeColor,#ff0000); event.target.setStyle(color,#ffffff); event.target.scaleX =event.target.scaleY=1.1; event.target.alpha=0.5; Button(event.target).filters=[new spark.filters.DropShadowFilter()]; } 登陆界面制作 界面 采用TitleWindow组件： 该组件是带关闭按钮的panel组件的子组件，具有关闭功能。 在该组件中添加form容器；起到布局作用； 样式见代码部分 关闭按钮:在该组件中有个 close事件，我们为他添加一个方法。来关闭TitleWindow。 登陆按钮实现，我们为输入框起个实例名 id。下次根据实例名可以使用改组件。 重置按钮实现：重置组件，其实就是为每个组件重新赋值为“”的过程。 代码如下 ?xml version=1.0 encoding=utf-8? s:TitleWindow xmlns:fx=/mxml/2009 xmlns:s=libr