在苹果的ios平台取消flash功能之后，html5的标准化和优异特性，自然而然的成为了众多UI爱好者的选择。于是，Adobe公司开发html5可视化开发软件：Abode Edge Animate，现在本人教大家如何获得该软件，并且熟悉它。Abode Edge Animate配置需求：Abode Edge Animate软件对配置要求相对而言比较苛刻，所以想学习和使用这款软件的程序员首先应该了解软件的系统要求，以免等到安装的时候才发现自己白忙活了。Windows系统Intel® Pentium® 4 或 AMD Athlon® 64以上级别的处理器；Windows® 7 或 Windows 8操作系统；1GB内存；200M以上可以硬盘空间；16位以上显卡；1280x800显示器；Mac OS系统多核处理器；MacOS X v10.6、v10.7 或 v10.8操作系统；1GB内存;200M以上可以硬盘空间；16位以上显卡；1280x800显示器；获取软件登陆Abode Edge Animate官方网站：https://creative.adobe.com/products/animate?promoid=KFKMJ；然后点击右上角“下载试用版”按钮（需要注册adobe账号哦）。最简单的Abode Edge Animate动画示例此软件目前为免费软件，所有安装过程没有什么任何验证码或登录等阻碍（鉴于软件目前没有中文界面，故而本人选择了英文）。安装完成之后，启动软件：创建一个Abode Edge Animate新文件：鼠标左键单击下图按钮，即可成功创建一个空白的Abode Edge Animate文件创建成功的软件使用界面：-最上面为菜单栏；-菜单栏下面为工具栏；-左侧为属性栏；-空白区域为设计区域；-空白栏下面为动作栏；-空白区域右边为文件栏；-最右边为介绍栏。点击“工具栏”上面的绘制O型图像按钮（图中已经用红色框出）：在空白工作区域绘制圆点击左侧“属性栏”中的“color”下面的第一个按钮设置圆的颜色：在工作区域的“动作栏”栏中，点击“1”出按钮，激活时间属性，然后用鼠拖住“尺标按钮”往右边滑动，滑动到所需要的时间：（本例为0.01秒）然后用鼠标将圆移动0.01秒之后到达的位置：保存文件，大功告成！示例展示：刚开始打开网页页面的截图：0.01秒之后，网页上面的圆匀速运动到了设置的位置：请大家期待本人后续分享原创的Adobe Edge Animate其它教程；
上一篇：家常小炒：生爆肚尖
下一篇：牛肉家常菜肴---牛肚炒洋葱