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

原文链接:http://www.cnblogs.com/adobeedge/p/Adobe_Edge_Button_Title.html

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

版权声明:

本文版权属于 北京联友天下科技发展有限公司。

转载的时候请注明版权和原文地址。

效果图:

工程文件中:

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

运行中:

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

当网页加载的时候,按钮的名称会发生变化,这是因为我们使用了不同的Title值的原因,在按钮加载完毕的时候,读取该按钮对应的Title,并且将之显示在文本上,下面通过一个小例子来讲解具体的制作方法。

一、制作一个按钮

1、首先,我们可以自己design一个按钮,比如说,笔者做了这样的:分别是normal和click状态下的效果

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

2、接下来把它转化为原件,在此命名为btn,原件内部的文字元素则命名为label。

二、添加label元素的修改代码

1、  在原件btn的属性面板中,添加creationComplete函数

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

2、在creationComplete函数中,先获得原件的title值,然后将之赋给label元素

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

三、修改Title值

1、  可以先将原件复制几个,摆放在合适的位置

2、  修改Properties面板中最下端的Title值

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

3、  Ctrl+Enter运行,可以看到按钮的文字已经发生了改变。

4、  也可以为每个按钮添加click事件,分别控制按钮的动画,和显示一些信息等。

原文地址:http://www.cnblogs.com/adobeedge/p/Adobe_Edge_Button_Title.html

转载于:https://www.cnblogs.com/adobeedge/p/Adobe_Edge_Button_Title.html

上一篇:用Javascript开发《三国志曹操传》-零部件开发(二)-让目标人物移动


下一篇:LeetCode OJ 27. Remove Element