| 网站首页 | 免费课件 | 课件源码 | 课件制作 | 课件购买 | 课件教程 | 课堂内外 | 教案 | 试卷 | 论文 | 电脑 | 教案下载 | 
 | 试卷下载 | 论文下载 | 计划总结 | 新闻资讯 | 行业范文 | 图片 | 留言 | 术语大全 | 搞笑 | 字体 | 短信 | Flash视频教程 | 
 | 办公软件视频 | 编程设计视频 | 热门视频 | 课件论坛 | 作文写作 | 
您现在的位置: 教育资源网 >> 课件教程 >> Flash教程 >> Flash组件教程 >> 正文 用户登录 新用户注册
免费精品 课件源程序下载 课件点播 课件定做 课件复原 课件制作指导 毕业设计 更多服务
Google




Flash组件教程——MX2004组件(二)Accordion[折叠菜单]
作者:佚名    教程来源:本站原创    点击数:    更新时间:2006-8-14         ★★★ 【字体:
继承:UIObject?UIComponent?View?Accordion
: mx.containers.Accordion

2k4中新增的组件,可以用来做折叠菜单,也可以用来做成一个用户注册界面,就像MM站上那种,第一步,第二步。。。做成折叠菜单的形式。
Accordion组件一般有三种工作方式:
Accordion跟Screen对像的结合
Accordion跟MovieClip结合
使用AS2

Accordion跟Screen对像的结合应用
打开flash? New and select Flash Form Application.
双击Form1,并输入addressForm
这里我们将把addressForm做为Accordion的子菜单内容来用。
选中addressForm,在属性面板里设置visible=false,作用是让addressForm的内容只在Accordion组件中可见
拖几个Button或Label组件到addressForm中,随便做个类似用户名,地址表单之类的东东,拿画笔画点什么也行.然后把它们排列好,并把排列好的一堆东东放到addressForm的左上角[addressForm的左上角对应着Accordion组件菜单内容的左上角,如果不放好,在myAccordion中会看不到的]

重复b—>d步骤,再创建一个checkoutForm
创建一个新的Form起名为accordionForm,放置Accordion组件.
拖一个Accordion组件到accordionForm上。起名为myAccordion
保持myAccordion的选中状态,在属性面板里做如下设置:
childSymbols属性中填:addressForm,addressForm,checkoutForm[就是我们刚刚创建的Form的名字]
childSymbols属性指出哪些form将做为myAccordion组件的子菜单内容。第一个和第二个用了同一个addressForm是因为在这个例子中这两个子菜单的内容是一样的。你也可以自定义成别的。
childNames属性中填:shippingAddress,billingAddress,checkout
这里填的三个字符串是提供给as脚本用的,当你需要用as来控制myAccordion的子菜单时就能用到这三个字符串
childLable属性中填:Shipping Address,Billing Address,Checkout
这三个字符串将作为myAccordion菜单的标题来显示.

i)ctrl+enter测试
源文件:accordion_form.fla


2)Accordion跟MovieClip结合
a)选择 File > New and create a new Flash Document.
b)ctrl+F8(or insert(New symbol)起名为AddressForm,点击Advance按钮,选中Export for ActionScript.并在AS2.0 class处填:mx.core.View.这样做的目的是让Accordion的子菜单继承View类,因而可以实现tab order,当然,AS2.0处不填Accordion组件也可以正常工作只是不能自定义tab order

c),拖几个Button,Label组件到addressForm 这个mc中,排列好,并把排列好的所有元素的位置定到(0,0)[addressForm这个mc中的(0,0)坐标对应着Accordion的(0,0)坐标].
d)回到主场景
e)重复b,c步骤再创建一个CheckoutForm
f)拖一个Accordion组件到主场景,起名为myAccordion并编辑如下属性
childSymbols:[AddressForm,AddressForm,CheckoutForm]
childName:[shippingAddress,billingAddress,checkout]
childLable:[Shipping Address,Billing Address,Check Out]

g)测试
源文件:accordion_mc.fla


使用AS2

选择 File > New and create a new Flash Document.
拖一个Accordion组件到主场景,并起名为myAccordion
拖一个TextInput和一个Label组件到主场景并删除它们,这样做的目的是把它们导入库中以便在as中使用
在主场景第一帧写:

/* 创建三个Accordion子菜单,分别为shippingAddress,billingAddress,payment,createChild方法
的用法简单说一下,下面的语句创建一个View类的实例,叫做shippingAddress,
并设定它的label属性(也就是标题文字)为”Shipping Address”,其它类似
*/
myAccordion.createChild("View", "shippingAddress", {label:"Shipping Address"});
myAccordion.createChild("View", "billingAddress", {label:"Billing Address"});
myAccordion.createChild("View", "payment", {label:"Payment"});

/*创建第一个子菜单的内容,把TextInput,Label组件加到子菜单中
这里的createChild方法是在shippingAddress子菜单中创建一个
库中存在的一个”TextInput”组件的实例,命名为“FirstName”其它类似
*/
var o=myAccordion.shippingAddress.createChild("TextInput","FirstName");
var l=myAccordion.shippingAddress.createChild("Label","FirstName",{text:"FirstName"});
l.move(0,10)
o.move(70,10);
o.setSize(110,20);

//创建第二个子菜单的内容
o=myAccordion.billingAddress.createChild("TextInput","LastName");
l=myAccordion.billingAddress.createChild("Label","LastName",{text:"LastName"});
l.move(0,50);
o.move(80,50);
o.setSize(150,20);



源文件:accordion_as.fla

这就是Accordion组件的基本用法,有关一些其它的方法,属性,可以查下帮助,然后逐个试一下,很容易明白的。

  .
 
 
Google
我们的服务免费课件 课件定做 毕业课件设计 免费课件(QQ:375824467/电话:13996037041)  教程录入:admin    责任编辑:admin 
------------

发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口

  • 上一篇教程:
  • 下一篇教程:
  •    最新热点    最新推荐    相关教程
    Flash MX 2004 教程: 使用信…
    MX2004 组件(一):焦点管理器…
    MX2004组件(三):DataHolder
    MX2004组件(四) :Data Comp…
    FlashMX2004组件教程-tree组…
    FlashMX2004组件教程-tree组…
    flashMX2004组件教程-Accord…
    flashMX2004组件教程-Accord…
    flashMX2004组件教程-Menuba…
    FlashMX2004组件入门(3):Co…
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)