- 浏览: 248121 次
- 性别:
- 来自: 厦门
文章分类
最新评论
-
topbox163:
图片显示不了
Flex 学习曲线图 -
彭利贤:
你好,想请教您一些关于flash的问题,您可以加我qq吗 59 ...
全屏flash的尺寸分析 -
jingj6:
是开源的吗?
小日本做的非常强大的一款AS3 3D引擎 -
hugh52066:
LZ牛B。
Flex 学习曲线图 -
sweed0:
a dream~~
一个让人瞠目结舌的传奇电脑高手!
本文的相关文章:
Flex学习笔记_05 使用容器控制界面布局_01管理程序的布局
Flex学习笔记_05 使用容器控制界面布局_03动态布局、导航容器、表单布局
2. 窗口布局
Panel组件就是这样一个窗口组件,它直接继承Container。和它的子类TitleWindow都具有窗口程序的特点:有标题条,可以放置其他内容,形成一个整体。
2.1 Panel 组件
fontSize 表示字体大小,默认是10.一般中文12显示较清晰。
title 表示窗口的标题。
ControBar Panel的一个容器,位置不可调整总是在底部,布局模式跟HBox相同。可以放置按钮等组件。
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Panel x="53" y="49" width="302" height="254" layout="horizontal" title="这里是标题" fontSize="12"> <mx:Label text="这里放置其它内容"/> <mx:ControlBar height="24" paddingBottom="0" paddingTop="0" horizontalAlign="right"> <mx:Button label="其他控制"/> </mx:ControlBar> </mx:Panel> </mx:Application>
为窗口添加关闭按钮:
<?xml version="1.0" encoding="utf-8"?> <mx:Canvas width ="300" height="300" xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <![CDATA[ //点击关闭按钮时触发该函数 internal function doClose():void{ visible = false; } ]]> </mx:Script> <mx:Panel width ="100%" height="100%" layout="absolute" title="这里是标题" fontSize="12"> <mx:Label text="这里放置其它内容" x="0" y="0"/> <mx:ControlBar height="24" paddingBottom="0" paddingTop="0" horizontalAlign="right" x="0" y="230"> <mx:Button label="其他控制"/> </mx:ControlBar> </mx:Panel> <mx:Canvas width="40" height="24" top = "4" right="10"> <mx:Button label="X" width="30" x="10" click = "doClose()"/> </mx:Canvas> </mx:Canvas>
将上面的代码保存为MXML,然后使用下面的代码new一个实例出来:
<?xml version="1.0" encoding="utf-8"?> <!--这里我们使用了命名空间,将主程序目录下所有的对象归到“tree”标记下--> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:tree= "*"> <tree:Panel2 x="54" y="24"> </tree:Panel2> </mx:Application>
Application 的 applicationComplete 事件 会在主程序初始化后被触发。
接下来为窗口实现拖动功能,使用PopUpManager这个对象弹出Panel窗口,窗口将置于最上层,被称为Pop-Up弹出窗口。
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete ="initApp()"> <mx:Script> <![CDATA[ //导入类 import mx.managers.PopUpManager; import mx.managers.PopUpManagerChildList //导入Panel对象 import mx.containers.Panel; //初始化函数 internal function initApp():void{ var win:Panel = new Panel(); win.width = 300; win.height = 240; win.title = "PopUp Panel"; win.x = 20; win.y = 20; //popup:弹出窗口 PopUpManager.addPopUp(win,this,true); } ]]> </mx:Script> <mx:Button x="130" y="280" label="Button"/> </mx:Application>
PopUpManager.addPopUp函数可以将对象置于父级对象的顶层,对应的removePopUp可以删除弹出的对象。
addPopUp有4个参数:
window:IFlexDisplayObject, 弹出的对象
parent:DisplayObject, 分配给新弹出窗口层级的对象
modal:Boolean=false, true的话,变成模式窗口,直到窗口关闭,其他元素不可用。
childList:String=null 将添加新窗口的对象,默认为PopUpManagerChildList. PARENT
所有组件都可以被弹出,会触发组件的内部预写方法。如Panel,弹出后,内部的isPopUp属性变为true,就可拖动了。
2.2 TitleWindow 组件
继承Panel ,多了一个关闭按钮。
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <![CDATA[ //点击后出发 close 事件,执行该函数 internal function doClose():void{ txt.text = "关闭按钮被点击了"; } ]]> </mx:Script> <mx:TitleWindow x="52" y="45" width="250" height="271" close="doClose()" layout="absolute" title="TitleWindow 例子" fontSize="12" showCloseButton="true"> <mx:TextArea id="txt" x="25" y="38" height="143" text="这是一个文本区"/> </mx:TitleWindow> </mx:Application>
showCloseButton指定是否显示关闭按钮。
close指定点击关闭按钮调用的方法。是TitleWindow的关闭事件。
creationComplete 事件,对象的初始化后触发的事件。
发表评论
-
如何使用Cairngorm3的导航库(Spring AS)
2011-08-29 17:39 2854一、概述 二、LIB库包配置 下载需要的LIB库 ... -
Flex学习笔记_06 使用行为对象和动画效果_ 放缩\调整大小效果
2008-09-28 16:47 37636.3.2 放缩效果和调整大 ... -
Flex学习笔记_06 使用行为对象和动画效果_模糊、发光效果
2008-09-27 22:33 31306.3.1 模糊效果和发光效 ... -
Flex学习笔记_06 使用行为对象和动画效果_认识行为对象、行为和组件
2008-08-17 01:30 21796.1 认识行为对象 6.1.1 什么是行为对象 行 ... -
Flex学习笔记_09 数据绑定_运用实例
2008-07-28 23:41 32159.3.1 实现界面的多语言切换 <?xml vers ... -
Flex学习笔记_09 数据绑定_晋级篇
2008-07-28 22:27 28329.2.1 函数和类级别的绑 ... -
Flex学习笔记_09 数据绑定_概念、使用
2008-07-21 23:32 20419.1 认识数据绑定 9.1.1 数据绑定的概念 ... -
Flex学习笔记_08 Flex的事件机制_高级应用
2008-07-16 23:11 31708.3 事件机制的高级应用 8.3.1 事件的优先级别和 ... -
Flex学习笔记_08 Flex的事件机制_事件工作流程
2008-07-15 09:05 26878.2 事件机制的工作流程 8.2.1 关于事件流 ... -
Flex学习笔记_08 Flex的事件机制_事件架构
2008-07-14 08:54 24558.1 一切从事件开始 8.1.1 关于事件 事件有 ... -
Flex学习笔记_07 ActionScript 3.0 编程基础_数据类型及其运算、程序流程
2008-07-13 19:21 46097.3 数据类型和数据运算 7.3.1 关于数据类型 ... -
Flex学习笔记_07 ActionScript 3.0 编程基础
2008-07-09 23:15 28517.1 了解 ActionScript 3.0 7.1 ... -
Flex学习笔记_06 使用组件处理数据和交互_03控件的实例应用
2008-07-06 14:26 25533. 控件的实例应用 3.1 制作一个简单的涂鸦板 ... -
Flex学习笔记_06 使用组件处理数据和交互_02导航类组件
2008-07-02 00:04 29612. 导航类组件 2.1 ToggleButtonBa ... -
Flex学习笔记_06 使用组件处理数据和交互_01常用组件(下)
2008-06-30 10:37 4576Flex学习笔记_06 使用组 ... -
Flex学习笔记_06 使用组件处理数据和交互_01常用组件(中)
2008-06-29 22:50 3933Flex学习笔记_06 使用组件处理数据和交互_01常用组件( ... -
Flex学习笔记_06 使用组件处理数据和交互_01常用组件(上)
2008-06-26 23:11 4486Flex学习笔记_06 使用组件处理数据和交互_01常用组件( ... -
Flex学习笔记_05 使用容器控制界面布局_03动态布局、导航容器、表单布局
2008-06-25 08:40 6680本文的相关文章: Flex学习笔记_05 使用容器控制界面布局 ... -
Flex学习笔记_05 使用容器控制界面布局_01管理程序的布局
2008-06-23 23:52 5609本文的相关文章: Flex学习笔记_05 使用容器控制界面布局 ... -
Flex学习笔记_04 MXML语言简介
2008-06-17 22:52 54211. MXML语法 MXML语言是专门用于Flex程序中, ...
相关推荐
Flex学习笔记_09 数据绑定_概念、使用 - Java&Flex - JavaEye技术网站 希望对爱好有帮助!!
Flex特效_可拖动弹出窗口布局容器TitleWindow.zip )
Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记
学习了一段时间的flex... 上传点资源,大家分享。 flex,怎么学习flex,Flex_3_Cookbook_中文版
Flex_4_界面设计实战.pdf Flex_4_界面设计实战.pdf Flex_4_界面设计实战.pdf Flex_4_界面设计实战.pdf
Flex_布局与容器 部分容器的介绍和例程。
Flex_4_样式与布局小结详细的资源描述有机会获得我们的推荐,更有利于他人下载,赚取更多积分
Flex_3_with_JavaFlex_3_with_JavaFlex_3_with_JavaFlex_3_with_Java
amcharts_flex_components_1.8.1 和开发示例
Flex_CookBook_读书笔记(精品) Flex_CookBook_读书笔记(精品)
flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记
Flex万年历记事本_flex源码
arcgis_api_for_flex_3_6 api库文件,现在esri官网需哟注册才能下载了,而且网速超慢,我下了好几次才下载完,希望对大家有用
MAPABC_FLEX_API_WEB_V2.4
Flex_I_O_简介
将_Adobe_Flex_和_JavaFX_与_JavaServer_Faces_2.0_结合使用.pdf
map_flex_1_9map_flex_1_9map_flex_1_9map_flex_1_9map_flex_1_9map_flex_1_9map_flex_1_9
最近开始学习Flex,其中用到了AS,AS2到AS3发生了很大的变化,完全的面向对象,知道这个特点以后我也一直没有特意的好好去学学AS3,但是随着最近学习的深入,还是有必要学习一下
flex4源码 超酷menu导航 flex4
flex布局笔记