30 天前 / TinyKing
如何用Angular 6创建各种动画效果介绍就技术角度而言，动画可以被定义为从初始状态到最终状态的转换过程。如今它已是各种Web应用不可或缺的组成部分。通过动画，我们不仅能创建出各种酷炫的UI，同时它们也能增加应用程序的趣味性。因此，设计精美的动画在吸引用户眼球的同时，也增强了他们的浏览体验。 Angular能够让我们创建出具有原生表现效果的动画。我们将通过本文学习到如何使用Angular 6来创建各种动画效果。 准备工作安装vs code和 Angular cli。 源代码https://stackblitz.com/edit/tk-angular-animations-01 理解Angular动画的不同状......
52 天前 / 承香墨影
一、序大家好，我是承香墨影！ 我又来写 Airbnb 开源的 Lottie 动画了，之前写的几篇文章，反响还不错，今天继续说说 Lottie 预览效果的问题，单独的 Lottie-JSON 文件，预览非常的简单，官方提供的 proview 网页和 Lottie App 都提供了预览的方式。 但是还有另外一种 Lottie 动画资源，是 JSON + 图片文件的动画资源，此时就无法直接预览了。 本文就来说说，如何在开始编码前，在手机上预览带图片资源的 Lottie 动画效果。 二、Lottie 的动画资源分类2.1 Lottie 资源的不同Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案，真......
65 天前 / tesths
全文共2486词，阅读大约需要10分钟，记得点击上面的 蓝字 关注我哟！ 前几天，我在读者群里做了一个关于喜欢哪类文章小调查，发现很多小伙伴对动效类的文章呼声比较高，其实关于动效这方面的文章，我之前也翻译了不少，感兴趣的也可以看看之前的一些，原理性的内容都大同小异。 7个能让你的动画从好变为优秀的实用技巧 超全面！动效设计标准与规范 谷歌动效设计师经验，做好动效设计并不难 Uber高级产品设计师告诉你，她是如何完成100天动画设计挑战的 不过，对于我自己来说，每一次写的感受都不一样，总能收获一些之前没......
101 天前 / 老峰
我们的在做动效中经常会有这样的需求，A动画执行完，执行B动画，B动画执行完执行C动画这样的序列，比如如下效果： iOS 10之前,我们可能这样实现这个动画序列，实际上可能你现在的代码就是这样写的: UIView.animate()提供了一个完成block回调，我们可以用它来触发下一个动画。这样做,我们可以实现这个动画。正如你可以看到的,这坨代码的主要缺点是丑陋，几乎没有可读性。 UIViewPropertyAnimator iOS10引入了UIViewPropertyAnimator ，基于篇幅原因，这里不对其做详细介绍，如果需要读者请自行补脑。我关心的是如何提高这类多层嵌套......
169 天前 / 黑夜探路人
前言Android动画也是Android系统中一个很重要的模块, 在平时开发中, 为了做出炫酷的效果, 动画可以说是必不可少的; 本文将总结Android中与动画相关的部分, 文中部分内容整理自文末参考链接, 权作笔记~需要声明的是文章不会详细通过源码去讲解各种动画的实现细节, 因为相对来说, 动画的熟练使用更为重要, 所以本文只是提一下关键的动画源码部分正...
186 天前 / 异步社区
Weex 是一套简单易用的跨平台开发方案，能以 web 的开发体验构建高性能、可扩展的 native 应用，为了做到这些，Weex 与 Vue 合作，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可以使用其他框架驱动 Weex，打造三端一致的 native 应用。简介基本概念为了方便使用 ...
190 天前 / ElevenBeans
最近在选座的新项目中试用了一下 React Native，熟悉新框架的同时，可以略微将交互效果和 Native 看齐了。分享一下项目本身比较重要的一个交互动画的做法, RT。 这次我们就不装大象了，因为我真的买了冰箱 =,= 本着言简意赅，不故弄玄虚的原则，依然是三步：第 1 步： 通过Animated创建合成动画的 View。仔细观察，“选择座位” 动画和...
200 天前 / icepy
除了 TypeScript 本身的特性之外，我们又回到了前端最本质的工作上，在没有使用现代 Web 前端框架的情况下，我们要做一个类似抽屉柜一样的效果。两周之后，产品小向跟小明说很希望在列表的旁边做一个类型抽屉柜的效果，将原来的个人信息，放置在这个抽屉柜中，这样来说用户体验相对会比较舒适。小明看了一眼视觉稿，“比较好弄”，于是愉快的答应了。在将写代码之前，小...
215 天前 / w3ctrain
【深圳】DJI 大疆创新 互联网团队 前端及大量职位招聘中 (内推 15-50k + 丰厚年终 + 股份)简历请发至 evan.zhou#dji.com， 合适的话当天回复，当天内推。 更多福利 我是个很懒的人，开发过程中经常有意无意地刻意避开数学相关的知识，你也知道解数学题非常枯燥无趣。平时写动画也尽量使用 css3 来实现，timer-function ...
252 天前 / openio
前言本文主要记录项目中遇到的一个内存泄露问题：由于一个循环动画引起的内存泄露，并且这个问题也是偶现的，在后面的 隐藏问题 里会说明。先说下该动画：进入AController后，需要执行一个动画，该动画会执行以下步骤：将一个view从左到右移动，动画时间0.5s上一步的动画完成后，将 viewhidden1 秒1 秒后将 view 显示出来，并回到原来位置，重...
255 天前 / 秦小风啊
总的来说，从涉及类的形式来看，iOS 动画有：基于 UIView 的仿射形变动画、基于 CAAnimation 及其子类的动画、基于 CG 的动画。这篇文章将着重总结一下 UIView 动画。设置 UIView 形变动画有两种经常用到的属性，.frame，.transform，所以有的人也可以分别称之为：1) frame 动画2) transform 动画这...
265 天前 / CrazyPudding
动画效果不仅能带来视觉上的享受，还能保证交互的连贯性，使整个 APP 一举一动看上去更加优雅美观。在 Android 系统中，动画主要有两大类，一类是 Animation，即针对单个对象做出的一些效果；另一类是 Transitin，即两个场景或者说两个 UI 界面切换时的效果，可以理解为转场效果。其中 Animation 又可以分为 View Animati...
364 天前 / u179542
呃~貌似好久没写文章了，感觉有点奇怪。废话不多说，但还是加点前戏吧。不想听废话，直入主题>> 前戏为何要写这篇文章 接下来因工作调整，应该就很少接触 H5 开发了。借此机会总结对动画的一些个人思考。本文贴合实战，会结合笔者为数不多的开发案例进行讲解。最后，也会提供相应文件让你实践。为何“别人”实现的动效恰到好处？同一份设计稿给到不同开发者，结果可能千差万别...
373 天前 / 崔玉松
现在，用户对于前端页面的要求已经不能满足于实现功能，更要有颜值，有趣味。除了整体 UI 的美观，在合适的地方添加合适的动画效果往往比静态页面更具有表现力，达到更自然的效果。比如，一个简单的 loading 动画或者页面切换效果不仅能缓解用户的等待情绪，甚至通过使用品牌 logo 等形式，默默达到品牌宣传的效果。React 作为最近几年比较流行的前端开发框架，...