131 天前 / 噶牛爱尚
哈哈将 个推安卓高级开发工程师 前言 APP 开发市场已经告别“野蛮生长”时代，人们不再满足于 APP 外形创新，而将目光转向全方面的用户体验上。在这过程中，动效化作为移动互联网产品的新趋势，如何实现酷炫丝滑的动画效果已然成为开发者们的新课题。实现方式其实很简单。本文将为你剖析理论基础以及具体应用。看完这篇文章，你的 App 也可以达到酷炫吊炸天的动画效果。 先看两个例子： 1. 手机 QQ 未读消息红点拖拽效果。 2. 小说阅读 APP 的翻页效果。 简介 在开始实战之前，我们还是先了解下理论基础。动画的终极武器就是贝塞尔曲线了。
202 天前 / 飞雪无情
最近遇到一种二维码，这种二维码是个动画，动画中的每个二维码都不同，不停的变，但是用微信扫描的时候还都可以用。这种二维码可以很好的吸引注意、可以节省图片空间（只需要发一个就好）。下面是我用自己的公众号做的二维码动画，不管你怎么扫描打开的都是我的公众号，但是不同的是会区分来源的渠道不同。 二维码动画 ——1—— 我们都知道gif动画是由一张张图片，按照一定的顺序排列，并且安排一定的速度切换形成的动画。那么要想做一个公众号的二维码动画，首先我们得有很多种公众号的二维码。
229 天前 / 冷星1024
Photo byDylan FerreiraonUnsplash 原文：https://www.freecodecamp.org/news/animating-visibility-with-css-an-example-of-react-hooks/ 作者：Christian Sepulveda 译者：Zou Li 提示：文中的蓝色字体可点击“阅读原文”访问更多内容 动画总是会取悦用户。看到各种文章的介绍，你可能会觉得开发者们喜欢使用 React Hooks，但我发现自己开始慢慢对 Hooks 产生厌倦了。 某个意外的发现让我对 React Hooks 有了新的认识，它不仅仅是一种新的开发方式。
303 天前 / wphmoon
首发于编码花写文章是谁，在敲打我窗-CSS雨滴动画效果blue sky搞了十几年的java19 人赞同了该文章1、扯闲篇是谁在敲打我窗 是谁在撩动琴弦 那一段被遗忘的时光 渐渐地回升出我心坎 是谁在敲打我窗 是谁在撩动琴弦 记忆中那欢乐的情景 慢慢地浮现在我的脑海 那缓缓飘落的小雨 不停地打在我窗 只有那沉默不语的我 不时地回想过去 是谁在敲打我窗 是谁在撩动琴弦 记忆中那欢乐的情景 慢慢地浮现在我的脑海 那缓缓飘落的小雨 不停地打在我窗 只有那沉默不语的我 不时地回想过去 是谁在敲打我窗 是谁在撩动琴弦 记忆中那欢乐的情景 慢慢...
348 天前 / wphmoon
首发于编码花写文章亮瞎你的氪金眼-CSS+SVG实现霓虹灯动画blue sky搞了十几年的java7 人赞同了该文章往事的前篇的内容见这里 一、往事3 我的非常规操作让被拉进来的姑娘有些慌张，她清了清嗓子，用柔美却略带慌张的声音说道：“靓仔，这是你叫的服务，一共是24元。”我听后一愣，很快就反应过来，用我程序员的逻辑思维发现了这句话的两个破绽：1、还没提供服务呢，怎么就收钱；2、这服务也太便宜了，难道东莞是以价廉物美取胜吗？我沉着冷静的说到：“我还没感受到服务啊...
414 天前 / 铜板街技术
Flutter 动画本文主要介绍 Flutter 动画相关的内容，对相关的知识点进行了梳理，并从实际例子出发，进一步分析了动画是如果实现的。
一个简单的动画效果
这是一个简单的 Flutter Logo 动画代码如下
class_LogoAppStateextendsState
415 天前 / keven0632
读前思考学习一门技术或者看一篇文章最好的方式就是带着问题去学习，这样才能在过程中有茅塞顿开、灯火阑珊的感觉，记忆也会更深刻。 Android中有哪几种类型的动画？帧动画在使用时需要注意什么？View动画和属性动画的区别？View动画为何不能真正改变View的位置？而属性动画为何可以？属性动画插值器和估值器的作用？概述在 Android 开发中，动画是必不可少的，它可以让 View 在变化的时候有一个过渡，避免用户感觉很突兀。因此，学好动画，用好动画是非常重要的，会给开发带来很多快乐。
437 天前 / 程序亦非猿
这是程序亦非猿的第 78 期分享。 作者 l 程序亦非猿 来源 l 程序亦非猿（ID：chengxuyifeiyuan） 转载请联系授权（微信ID：ONE-D-PIECE） 0. 前言 自我在内网发布了一篇关于 Lottie 的重点原理分析的文章之后，就不断有同事来找我询问关于 Lottie 的各种东西，最近又有同事来问，就想着可能对大家也会有所帮助，就稍作处理后分享出来。 注意一下哈，这文章写于两年前，基本版本 2.0.0-beta3，现在已经不止2.0.0啦，不过我看过最新版本，主要的类没有什么差别，依然有阅读价值。 可以感受一下我两年前的实力。
443 天前 / 丁亚光
SVG不规则圆形动画12 Apr 2019 前言：记得第一次听说SVG还是刚毕业时听同事说他们在网易的时候研究过SVG，还以为是很古老的技术以为会被canvas淘汰呢 当年还是太年轻，SVG作为一门描述性语言可能在有逻辑处理的需求中力不从心，但是有这毕竟是极少的需求，在大多数情况下SVG的丰富的表意已经完全可以满足我们的需求。 本文记录了使用SVG实现一个动画需求的过程，希望可以帮助大家了解到SVG的一些作用 一、需求最终的效果是这样一个半径随着角度连续变化的圆 二、分析想法1： 这个似乎可以定义一个函数 R = f(A) 即半径R随着角度A变化。
450 天前 / 黎跃春
来源 |愿码(ChainDesk.CN)内容编辑 愿码Slogan | 连接每个程序员的故事 网站 |http://chaindesk.cn 愿码愿景 | 打造全学科IT系统免费课程，助力小白用户、初级工程师0成本免费系统学习、低成本进阶，帮助BAT一线资深工程师成长并利用自身优势创造睡后收入。 官方公众号 | 愿码 | 愿码服务号 | 区块链部落 免费加入愿码全思维工程师社群 | 任一公众号回复“愿码”两个字获取入群二维码 本文阅读时长：4min 任何高质量移动应用程序的一个重要方面是用户界面的流动性。动画用于提供丰富的用户体验，任何jank或抖动都会对此产生负面影响。
498 天前 / TinyKing
如何用Angular 6创建各种动画效果介绍就技术角度而言，动画可以被定义为从初始状态到最终状态的转换过程。如今它已是各种Web应用不可或缺的组成部分。通过动画，我们不仅能创建出各种酷炫的UI，同时它们也能增加应用程序的趣味性。因此，设计精美的动画在吸引用户眼球的同时，也增强了他们的浏览体验。 Angular能够让我们创建出具有原生表现效果的动画。我们将通过本文学习到如何使用Angular 6来创建各种动画效果。 准备工作安装vs code和 Angular cli。
520 天前 / 承香墨影
一、序大家好，我是承香墨影！ 我又来写 Airbnb 开源的 Lottie 动画了，之前写的几篇文章，反响还不错，今天继续说说 Lottie 预览效果的问题，单独的 Lottie-JSON 文件，预览非常的简单，官方提供的 proview 网页和 Lottie App 都提供了预览的方式。 但是还有另外一种 Lottie 动画资源，是 JSON + 图片文件的动画资源，此时就无法直接预览了。 本文就来说说，如何在开始编码前，在手机上预览带图片资源的 Lottie 动画效果。