Fireworks动态元件的基本制作及高级运用（图文教程）

6.那么我们就可以将内置动态元件的脚本“移植”到我们自己的按钮上去，在进行这一步前要注意，这些移植的代码将被“命令”菜单下的“创建元件脚本”程序识别为“不被兼容的脚本”，因此只能自己用记事本编辑了.

7.现在打开我们在之前生成的按钮脚本“myBtn.jsf”，清空旧代码，输入如下代码，我加了注释，应该还是比较容易理解的：

复制代码

//Widget.opCode会返回两个值：1 和 2 ，
//当动态元件被拖进画布时会返回 1（初始化），
//每当检测到用户改变了动态元件的属性就会返回 2（侦听变化）；
switch (Widget.opCode){
case 1: setDefaultValues(); break;
case 2: applyCurrentValues(); break;
}
//初始化函数
function setDefaultValues(){
var values = new Array();
//建立 Label 和 State 属性，并定义初始值；
values.push({ name:"Label", type:"text", value:"My Button" });
values.push({ name:"State", type:"ComboBox", value:"normal,normal,mouseOver,mouseDown,unavailable"});
//用内置方法给当前属性赋予初始值；
Widget.elem.customData["currentValues"] = values;
}
function applyCurrentValues(){
//取得当前值
var vals = Widget.elem.customData["currentValues"];
//获得 State 状态列表当前项的名称
var state = vals[1].value.split(",")[0].toString();
//遇到错误时可以用 alert(); 来Debug；
//alert(state);
//根据用户输入改变 label 标签的值
Widget.GetObjectByName("label").textChars = vals[0].value;
//根据用户在下拉列表选择项来显示或隐藏对应的按钮背景图；
Widget.GetObjectByName("normal").visible = (state=="normal");
Widget.GetObjectByName("mouseOver").visible = (state=="mouseOver");
Widget.GetObjectByName("mouseDown").visible = (state=="mouseDown");
Widget.GetObjectByName("unavailable").visible = (state=="unavailable");
}

8.输入完代码后保存(注意要存为 ANSI 编码)，然后进入 Fireworks 新建文件、Reload一下公用库、再重新把自定义动态元件拖进画布即可见到效果：

教程结束，以上就是Fireworks动态元件的基本制作及高级运用介绍，希望对大家有所帮助！

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!