进入Flash MX组件时代之六 改善组件用户体验
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
答案:我们需要将组件绑定到一个按钮,可以使此按钮按下以后就弹出一个指定地址的窗口,而此窗口可以由我们进行自定义,就如一般的&106avascript的openwindow的弹出窗口一般,我们可以根据自己的需要设置是否有工具栏、状态栏、地址栏,窗口的宽与高的大小等等内容,还可以设置在指定的时间内窗口自行关闭等。
如ToolTip组件的制作方式雷同,制作fBrowserWindow的第一步我们创建了一个MC,并定义该MC的参数设置的内容,如下图87所示:
图87 fBrowserWindow(MC)的参数设置
我们再查看一下fBrowserWindow(MC)的内容,可以发现它的场景内容与ToolTip的场景内容也是相似,只包含了一个Action层和一个fBrowserWindowIcon层(图标显示层),如下图88所示: 图88 fBrowserWindow的场景内容 ???上一页??[1]?[2]?[3]?[4]?[5]?[6]?下一页?? 不同于ToolTip组件,在该fBrowserWindow组件中我们为创建的类添加了属性、方法等内容,这使得我们的组件拥有更强的可操作性。如果大家回顾ToolTip组件的运用方式或许可以发现ToolTip只能在Parameters参数面板中设置参数。但在fBrowserWindow中由于为fBrowserWindowClass添加了属性与方法,我们就可以在Flash的Action面板中用代码操作的方式来设置相应的参数使之fBrowserWindow组件生效了。 例如:我们在Parameters面板中设置了toolbar、status、centered为True,而将url设置为http://www.Macromedia.com,width与height设置为300和400,以此来进行新窗口弹开。 以上的参数设置状况现在就可以在Action通过输入如下代码实现同样效果: //----------------------------------------------------------------------------- //此处的fBrowserWindow为fBrowserWindow组件在场景中的实体名 //----------------------------------------------------------------------------- with (fBrowserWindow) { centered = true; status = true; toolbar = true; width = 300; height = 400; url = "http://www.5dmedia.com"; } fBrowserWindow组件UI参数设置界面的制作 完成了组件的编写需要继续进行的就是Custom UI的制作,而这要求我们首先得另行再创建一个新文件,我们将该文件保存为UI.fla。 Custom UI的场景大小需设置为宽为406高为72象素,这是由于Parameters面板的显示大小只能容纳如此面积的大小,我们在UI场景中设置了一些文件框及一些复选框,如下图89所示: 图89 UI的场景内容 这将是关键的一步,我们将设置场景中的相应文本框的属性,而这些属性将会让我们明白UI的运行机制。 ? 图90 curl文本框属性 由于我们将会在Parameters面板中输入参数内容,因而我们将文本框的类型设置为Input Text,并将Var设置为xch.curl、xch.cheight、xch.cwidth等内容,如图90所示。值得注意的是这里我们必须加上xch这个名称,其实xch相当于“exchange”的意思,即UI界面中的参数与主文件中的组件进行一个参数传递,而xch的功能就是保存当前组件参数的对象。恰恰因为如此,我们需在UI文件中创建一个新层xch,同时再创建一个新的内容为空的MC,将它拖放至xch层,并将此Mc的实体名命名为xch,如图89所示。 为了确保数据输入的正确性,我们在设置Width、Height等数字类型的文本内容时我们可以将Character中的字符类型范围设置成Numerals(0-9),这样我们在该类文本框中只能输入0-9之间的数字了。 在此还需注意的一点是文本框变量名的设定,我们需要强调的是,此处的文本框变量并非随意拟定,请大家回顾一下“图87 fBrowserWindow(MC)的参数设置”的内容,那里我们为fBrowserWindow组件设置了许多的变量,而我们得注意的是,在此我们 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
-
HTTP/1.1 401 Access Denied
上一篇: Flash AS教程之七 绘图及颜色的AS编写下一篇: Flash MX实战精选:大变活人
关于进入Flash MX组件时代之六 改善组件用户体验的所有评论