Upload
reasonpun
View
802
Download
4
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]