Embed Size (px)
DESCRIPTION
flex入门贴
Citation preview
Flex 4 学习小结
隔三差五的 flex 学习笔记( 我们使用的 flash builder 4,
Flex4 下载地址 :
https://www.adobe.com/cfusion/tdrc/index.cfm?product=flash_builder
注册码： 1423-4247-9736-5135-4786-7260
Flex4 初识
• 新建工程： HelloFlex• 添加点小控件
• 标签 label
• 输入框 textinput
• 按钮 button
• 提示框 • 导入已有工程
新建工程 --001
• 点击 Flash builder 4选择新建 ->Flex 项目
新建工程 --002
• 输入你希望的项目工程： Study_HelloFlex• 应用程序类型保持默认情况（ Web,在Adobe
Flash Player中运行）• 其他保持默认，点击下一步或者（之后的设置
保持缺省值，则）可以点击完成按钮。
工程创建完毕
• 默认窗口布局• 画布，可以在此布置控件；• 包资源管理器，管理项目中的文件；• 组件，我们需要用于展现的各个组件；• 属性，组件的属性。
开始布局
• 我们在组建窗口选择我们需要的组建：• Panel• Button• TextInput
通过鼠标的拖拽到画布上
布局完成 设置 & 调整属性
• 我们的布局完成后大约是这么一个样式；• 同时我们对 panel 的部分属性进行设置。• 方法：
• 点选你要设置属性的组件后再属性窗口添加相应的值。
获取属性值，并添加事件
• 现在开始代码的编写，按照右图所示，点击“源代码标签页”，进入编码页面；
左图所示为初始化的编码页面。
编码开始
• 添加初始化代码：<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
creationComplete="initApp()">
我们添加以上红字代码，实现程序加载完毕后执行函数 initApp()
编码开始
• 添加初始化函数的代码：<fx:Script>
<![CDATA[
internal function initApp():void
{• // 在这里我们可以添加我们需要的逻辑}
]]>
</fx:Script>
编码开始• 添加具体逻辑：<fx:Script>
<![CDATA[
import mx.controls.Alert; //@ 在使用提示框之前，需要导入的包internal function initApp():void
{
// 在这里可以添加我们需要的逻辑
//@ 添加按钮的点击事件btnOk.addEventListener(MouseEvent.CLICK ，function():void //@ 这就是传说中的无敌霹雳的“匿名函数”{
//@ 获取我们在输入框中的内容var myInput:String = txtInputStr.text; //@ Text.Inputtext 可以直接得到输入框中的内容Alert.show(myInput, “ 提示” ); //@ 提示框代码
});
}
]]>
</fx:Script>l
事件代码的 2 种常用写法
以鼠标的点击事件为例
第一种：btnOk.addEventListener(MouseEvent.CLICK, function():void{
//@ 执行的代码});
------------------------------------------------------------------------------------------
第二种：btnOk.addEventListener(MouseEvent.CLICK, _doClick);
Internal function _doClick(event:MouseEvent):void
{
//@ 执行的代码}
开始运行吧～～
• 点击运行按钮
• 是否看到如右图的界面了？
项目的导入
• 跟随着这个 PPT 的还有例子的所有代码，当你拿到以后是不是想试试：
• 那么导入到你自己的 Flash builder 里吧！
• 右击包资源管理器后选择“导入”；
• 选择 Flash Builder 项目，后点击下一步
项目的导入
• 选择项目文件夹，后浏览找到项目所在目录，点击确定按钮；
• 此时点击完成按钮就可以完成项目的导入。
导入完成 并打开文件
• All Over
Q&A
• And
现在先给大家个入门的 PPT ，估计差不多了，以后组件可和 AS3 的编写，大家可以 google 了，之后我会隔三差五的写点组件的应用和一些“奇技淫巧”，还请大家指教。
我的新邮箱： [email protected]
