进入Flash MX组件时代之五 创建用户组件
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
样式格式,针对不同样式格式的提示内容及将ToolTip锁定的场景对象范围。
当我们设置完参数定义后,返回Library查看类库内容,原本ToolTip的MovieClip图标样式就已被更换成的组件图标显示样式了,这主要是为了更容易区别普通MovieClip与组件内容。
然后我们在Library中建立一个文件包,并在该文件包内创建三个MovieClip(提示信息外观样式MovieClip),它们分别为styleToolTip_1、styleToolTip_2、styleToolTip_3,如下图66所示。
图66 StyleToolTip(MovieClip)样式
其实三种样式的制作过程都基本雷同,我们在此只对styleToolTip_1的场景内容稍作分析。如下图67所示,在样式一中我们建立了三个层次的内容,TxtField层包括了一个文本框(以后将在此文本框内显示提示信息),TipBox层是样式外框显示样式,而shdw层是样式外框显示样式的阴影效果。其实场景中物件并不烦多,而样式二与样式三与样式一的制作过程也是一致,只是在TxtField显示的提示信息量及样式外框显示样式的样式上略有区别而已。 图67 StyleToolTip_1场景内容 图68 样式二及样式三的场景内容 在这里我们需要进行属性设置的是txtField层中的文本内容,它的设置如下图69所示,我们将它设置为Dynamic Text类型,而将其变量Var定义为style(注意:前面已经有所叙述,样式二与样式三的内容只是文本提示信息量上的区别,而Var定义的值三个样式中的文本框需均为style)。 图69 提示信息文本框属性定义 做好了前期准备工作我们再来查看一下主角的内容情况,如下图70所示,我们的ToolTip(MovieClip)的场景内容包括了二层内容,一层为ActionSctip,而另一层则是Icon(注:其实该层内容的存在主要是为了对该ToolTip组件有一个外观样式显示而已,在该组件中假若去除此层Icon的内容并不会对最终的影片测试效果产生任何影响,最多只是在设计阶段组件的样式显示会有所不同而已)。 图70 ToolTip场景内容 上一页??[1]?[2]?[3]?[4]?[5]?[6]?下一页?? 到此我们已经基本完成了该组件实例的制作过程,我们只运用了与“功能函数”差不多的代码行就解决雷同的问题,而一个则是面向开发人员用户,另一个则将会面对普通设计级用户群。 “实践是检验真理的唯一标准”,为了验证该组件是否能够正常运行,我们将用刚才编写完毕的组件制作一实例,查看它的运行效果以便作最终判断。 由于我们在代码中已用this.myTarget instanceof MovieClip作以判断所需的提示信息对象应该是MovieClip类型,因而我们创建了一个内容为正圆的MovieClip(myTextMovieClip)。 我们拖动myTestMovieClip 到场景中,并复制2个该对象(由于我们制作了三种提示信息样式,因而我们将制作三种不同的提示信息样式显示),如下图73所示: 图73 制作自定义组件ToolTip实例的MovieClip准备 我们先点击选中Tools工具栏中的磁性工具,然后从Library中拖动ToolTip组件到场景中的TestMovieClip之上,如图74所示: 图74 拖动ToolTip组件到myTestMovieClip上 由于我们选中了磁性工具,因而我们在放置ToolTip组件到myTestMovieClip影片上时会有粘缚的功效哦。 在此我们可能会回想起前面ToolTip场景的内容,图74中ToolTip已显示为一提示信息样式的图标,而我们曾经提及,如果将ToolTip场景中的那层图标样式删除,对于ToolTip运后最终的效果并不会产生什么不良影响,只会在设计阶段产生稍许不同而已,比较图74与图75查看结果。 图75 删除ToolTip中Icon以后ToolTip在实例运用中样式 比较结果十分明显,就直观性来说图74所示样式要比图75直观的多,我们一眼即可辨别那些场景对象是ToolTip,而至于删除Icon层内容以后的ToolTip在运 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: 竖直方向的弹簧振子效果下一篇: Flash MX实战精选:水中倒影效果
关于进入Flash MX组件时代之五 创建用户组件的所有评论