进入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 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash AS教程之七 绘图及颜色的AS编写下一篇: Flash MX实战精选：大变活人
关于进入Flash MX组件时代之六 改善组件用户体验的所有评论
