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

posted @ 2013-07-11 15:06 Adobe Edge 阅读(...) 评论(...) 编辑 收藏