摘要: AdobeEdgeAnimate--点击元件内部元素使元件其他元素发生改变版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。前面讲到的很多按钮操作都是点击按钮播放某段动画,但是如果我们要点击一个元件A内部的按钮B,然后需要对元件A内部的元素C做修改,那么我们要如何通过代码控制呢?下面通过一个实例为大家讲解。一、按钮等的简单制作:1.整体界面2.舞台中元素分布:3.btn_test内部分布:4.btn_button内部分布:二、下面我们要设定,点击btn_button然后让btn_test内部的元素Text显示文字发生改变1.将btn_button的鼠标手势修改 阅读全文
posted @ 2012-12-11 11:33 Adobe Edge 阅读(1933) 评论(0) 推荐(0) 编辑
摘要: AdobeEdgeAnimate1.0--跨元素跨舞台操作函数总结版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。之前的教程通过了一些例子来讲解Edge的功能,下面将为大家总结一些Edge中的跨元素跨舞台操作的函数。1.从舞台进入一个元件或者元素的时间线,播放这个元件或元素的动画:sym.getSymbol("symbolName").play();也可以对元素内部的组成元素做操作,比如隐藏元素:sym.getSymbol("kitten_1").$("kitten_paw").hide();2.从 阅读全文
posted @ 2012-12-10 17:42 Adobe Edge 阅读(2307) 评论(0) 推荐(1) 编辑
摘要: AdobeEdgeAnimate1.0--制作自定义动态菜单版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。之前讲过在Edge中使用Bootstrap制作菜单按钮的例子,那么我们是否可以自主设计并制作一个含有动画菜单呢?答案当然是可以,下面用一个简单的例子为大家讲解如何制作自定义动态菜单。一、制作菜单元件:1.这是菜单元件list:2.list内部结构:由一个按钮btn_list和菜单构成3.btn_list内部结构:二、为菜单添加动画:1.如图,进入list内部,将播放头拖至1.0秒处,添加标签list_open,在list_backgroud上右击选择a 阅读全文
posted @ 2012-12-10 11:17 Adobe Edge 阅读(3433) 评论(0) 推荐(1) 编辑
摘要: AdobeEdgeAnimate--如何将舞台居中显示而非停靠左边?版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。通常情况下,网页显示都会居中,所以下面将为大家讲解怎样通过简单的CSS设置,将Stage放置在浏览器中央,而不是停靠在左边。一、新建一个工程,加一个背景,我们preview一下,如下图:可以看到Edge默认是停靠在左边的,下面添加CSS代码改变这个现状二、CSS添加1.点击Stage属性面板右上方的添加Action按钮,添加creationComplete函数:2.在函数内部添加CSS代码:3.这时候我们在浏览器中预览,可以看到舞台已经居中,同 阅读全文
posted @ 2012-12-07 10:22 Adobe Edge 阅读(3945) 评论(0) 推荐(0) 编辑
摘要: AdobeEdgeAnimate--异步条件加载框架(yepnop)之三:加载bootstrap之按钮、进度条、菜单效果版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。下面在前两个案例的基础上继续讲解第三个应用:一、同样,设计好按钮和界面,如下图:元件命名和排序如下:按钮btn_bootstrap内部元素:右侧元件frame_bootstrap内部元素:将bootstrap的visible属性改为auto,这样当内容多于边框大小的时候会自动添加滚动条二、从网上下载bootstrap文件:bootstrap.min.css和bootstrap.min.js,放 阅读全文
posted @ 2012-12-02 10:57 Adobe Edge 阅读(5903) 评论(0) 推荐(0) 编辑
摘要: AdobeEdgeAnimate--异步条件加载框架(yepnop)应用之二:加载jQueryUI之日历(datepicker)版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。下面在前面一个案例的基础上继续讲解第二个应用:一、设计好按钮和界面,如下图:命名与排列:其中btn_jqueryui内部元素:Frame_jqueryui内部元素:上方的方框为element1,下方的为element2二、为工程添加js和css文件,即jQueryUI的文件,下面会用到这些如何添加呢?从网上下载jquery-ui.min.js文件和jquery-ui.css文件,拷贝到 阅读全文
posted @ 2012-11-30 18:20 Adobe Edge 阅读(2219) 评论(2) 推荐(0) 编辑
摘要: AdobeEdgeAnimate--异步条件加载框架(yepnop)应用之一:加载GoogleMaps版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。下面将使用一个案例为大家讲解如何使用异步条件加载框架(yepnop)一、创建工程并建立基本的一些工具,如下图:1.整体界面2.排布及命名,左侧按钮为元件:btn_googlemaps,右侧整个为元件:frame_googlemap3.btn_googlemaps内部元素:一个圆角长方形和文本4.frame_googlemap内部元素:map:用于显示地图圆角长方形:作为背景文本:GoogleMaps二、做完了这 阅读全文
posted @ 2012-11-30 15:11 Adobe Edge 阅读(2456) 评论(0) 推荐(0) 编辑
摘要: AdobeEdgeAnimate--音频文件的添加和播放控制版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。使用Edge制作动画的时候,会遇到以下问题,声音文件怎么加载进来呢?即使加载进来了,发布的时候声音又没有了,这个该怎么办呢?以下将为大家讲解如何解决上述问题。为工程添加音频文件:1.如图,首先将音频放置到工程文件目录下sound文件夹,当然你也可以用audio之类的别的名字:2.在时间线上0秒处,插入触发器(InsertTrigger),填写你的代码varau_to_play=newAudio();//申请一个动态内存存放音频文件,这个变量已经成为全局 阅读全文
posted @ 2012-11-27 17:57 Adobe Edge 阅读(6182) 评论(0) 推荐(1) 编辑
摘要: [原创]AdobeEdgeAnimate1.0--创建按钮及简单功能实现版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。以下为大家讲解如何使用Edge制作一个简单的按钮动画,使用到的方法:--Edge动画编辑--简单的按钮制作--对按钮添加Javascript控制代码一、制作按钮:1.使用Edge的圆角长方形(RoundRectangle)制作一个按钮图形2.接下来添加文字3.选中长方形和文字,将他们转换为元件4.将元件的鼠标手势修改为小手,这样当我们的鼠标移动到元件上方的时候鼠标指针变为小手,提示我们这是个按钮。5.接下来我们为按钮添加代码,比如说,当我们 阅读全文
posted @ 2012-11-27 12:41 Adobe Edge 阅读(9950) 评论(6) 推荐(2) 编辑
摘要: [原创]AdobeEdgeAnimate1.0--使用GoogleWebFonts版权声明:本文版权属于 北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。AdobeEdgeAnimate提供了让用户自主添加字体的功能,分别为:1.添加本地字体2.添加GoogleWebFonts3.添加TypeKit字体以下我们将为大家详细讲解如何在Edge中添加GoogleWebFonts:注:GoogleWebFonts上面有好几百种字体,不过基本都是英文的字体。1.如下图,我们先使用文本工具“T”添加一段字体点击资源库面板中字体右侧的加号,打开导入字体的对话框;这里要填写什么内容呢?当然是G 阅读全文
posted @ 2012-11-27 09:41 Adobe Edge 阅读(2279) 评论(0) 推荐(1) 编辑
摘要: AdobeEdgeAnimate1.0--使用JavaScript添加交互功能版权声明:本文版权属于 北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。你可以使用JavaScript对工程添加交互功能,你可以对每一个元素定义动作控制函数,直接使用Edge内置的代码编辑器和代码库片段即可。每一个单独的处理事件都可以通过添加一个动作控制函数实现。一、定义动作控制函数:1.如图,在时间线上,点击你想要添加代码的元素左侧按钮,打开代码编辑器。你也可以在元素面板中打开代码编辑器。2.选择一种事件触发机制。代码编辑器左侧是代码编辑区域,右侧则是代码片段列表,只要点击相应的按钮,就可以自动添加代 阅读全文
posted @ 2012-11-26 16:19 Adobe Edge 阅读(3728) 评论(0) 推荐(0) 编辑
摘要: AdobeEdgeAnimate1.0--发布到旧版本的浏览器版权声明:本文版权属于 北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。AdobeEdgeAnimate使用web网页标准来制定动画和交互功能,如HTML5,CSS3和JavaScript。由于旧版本的浏览器不支持这些标准,所以可能会出现部分功能无法出现和运作的情况。但是即便如此,你还是可以通过创建“海报”(posterimage)来发布到旧版本的浏览器,你也可以通过使用谷歌浏览器内嵌框架(GoogleChromeFrameextension),这个框架是用于Windows操作系统上IE浏览器的。一、使用“海报”使你发 阅读全文
posted @ 2012-11-26 15:28 Adobe Edge 阅读(1129) 评论(0) 推荐(0) 编辑
摘要: AdobeEdgeAnimate1.0--在Edge中创建一个Logo动画版权声明:本文版权属于 北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。用到的技术方法:---径向擦除(旋转遮盖层,显示出被遮盖的logo)---文本和文字下落时候的缓冲(Easing)---循环(Looping)一、创建径向擦除效果:1.创建一个新工程,保存。在属性面板中,改变Overflow属性为Hidden。2.设置参考线,如从标尺(Ruler)中拖动一条垂直参考线懂啊275px位置,拖动一条水平参考线到200px位置。3.导入素材,并且参照以下截图将元素在舞台中放置,特别注意层叠关系。设置擦除效果: 阅读全文
posted @ 2012-11-26 14:35 Adobe Edge 阅读(2114) 评论(0) 推荐(0) 编辑
摘要: AdobeEdgeAnimate1.0--使用元件创建嵌套动画版权声明:本文版权属于 北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。假如你想创建一个嵌套动画,这个动画有自己单独的时间线和交互功能,那么元件(Symbols)就是一个很好的选择。元件在舞台时间线上显示为一个元素,但是这个元素有属于自己的时间线,在舞台上你可以像平常元素一样对它进行编辑动画,比如让它从左边移动到右边;你也可以进入这个元件,对它包含的元素进行编辑。换言之,你可以在一个动画中创建另一个动画。元件(Symbols)是可重复使用的,一旦你创建了一个元件,它就会出现在你的资源库列表中,只要拖动元件到舞台即可。也 阅读全文
posted @ 2012-11-26 11:18 Adobe Edge 阅读(2398) 评论(0) 推荐(0) 编辑
摘要: AdobeEdgeAnimate1.0--对已有的HTML文件进行动画编辑版权声明:本文版权属于 北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。你可以对现有的HTML文件进行动画编辑和添加交互性元素,由于EdgeAnimate生成的动画代码存储在一个单独的文件中,这保证了HTML页面的完整性。1.在Edge中打开现有的HTML页面(File-->Open)。EdgeAnimate只能打开符合标准的代码。比如,如果HTML文件有重复的ID,那么它会提示你文件有重复的ID,不会打开这个文件。假如出现以上情况,请在其他HTML验证器中打开运行。2.在舞台中选择一个页面元素。你也 阅读全文
posted @ 2012-11-23 18:02 Adobe Edge 阅读(1591) 评论(0) 推荐(0) 编辑