Adobe Edge Animate –可重复使用的个性化按钮制作

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