Adobe Edge Animate –可重复使用的个性化按钮制作
版权声明:
本文版权属于 北京联友天下科技发展有限公司。
转载的时候请注明版权和原文地址。
效果图:
工程文件中:
运行中:
当网页加载的时候,按钮的名称会发生变化,这是因为我们使用了不同的Title值的原因,在按钮加载完毕的时候,读取该按钮对应的Title,并且将之显示在文本上,下面通过一个小例子来讲解具体的制作方法。
一、制作一个按钮
1、首先,我们可以自己design一个按钮,比如说,笔者做了这样的:分别是normal和click状态下的效果
2、接下来把它转化为原件,在此命名为btn,原件内部的文字元素则命名为label。
二、添加label元素的修改代码
1、 在原件btn的属性面板中,添加creationComplete函数
2、在creationComplete函数中,先获得原件的title值,然后将之赋给label元素
三、修改Title值
1、 可以先将原件复制几个,摆放在合适的位置
2、 修改Properties面板中最下端的Title值
3、 Ctrl+Enter运行,可以看到按钮的文字已经发生了改变。
4、 也可以为每个按钮添加click事件,分别控制按钮的动画,和显示一些信息等。
原文地址:http://www.cnblogs.com/adobeedge/p/Adobe_Edge_Button_Title.html