布局_动画
球形水波百分比控件
市面上有各种形形色色的百分比控件,我一直觉得水波是最炫的,UI 给了我这个机会,然而网上搜了一大堆,不是太复杂,代码太多(反正我是调不出效果来),就是有瑕疵的,所以只好自己写了,这里开源出来,方便大家。
UI 之自定义 Behavior 实现 AppBarLayout 越界弹性效果
使用自定义 Behavior 实现 AppBarLayout 的弹性越界效果
使用自定义动画实现 ImageView 的神奇移动效果
图片的“神奇移动”效果在很多 app 中都很常见,这个效果说白了就是图片由一个缩略图变成一个全屏显示的完整图片时的动画。
教你手写一个贝塞尔曲线效果的 Loading View
使用 canvas 实现一个仿 QQ 贝塞尔曲线效果的 Loading 动画
Android 实现 dialog 的 3D 翻转
使用 Behavior 实现 UC 浏览器首页动画效果
滑动内联动效的实现之item的伴生变换
详细的描述了一种灵活可扩展性强实现滑动伴生效果的方式
更流畅的动画框架-Additive Animation
更流畅的动画框架-Additive Animation
RecyclerView定制:通用ItemDecoration及全展开RecyclerView的实现
Android L面世之后,Google就推荐在开发项目中使用RecyclerView来取代ListView,因为RecyclerView的灵活性跟性能都要比ListView更强,但是,带来的问题也不少,比如:列表分割线都要开发者自己控制,再者,RecyclerView的测量与…
译:图标动画技术介绍
本文详细介绍了图标动画(安卓中的 AnimatedVectorDrawable)中常用的几个技术,并配以生动的演示。
贝塞尔风暴 - 超炫GABottleLoading效果
谈到贝塞尔曲线,很多人会觉得高逼格、复杂、头疼,实则不然,贝塞尔曲线经过android封装,已经显得娇俏可爱,简单好用,之前一些红极一时的效果也均是由其打造,比如QQ的“一键退潮”效果、电子书曲面翻页效果...... 现在咱们就用贝塞尔曲线一起从0到1打造一个拥有极致体验、清秀…
低消耗、带回滚动画的仿探探交互效果
Android 仿照探探交互模式,使用 Recyclerview 写出低消耗、带回滚动画的交互效果
Android 动画实战-仿微博雷达功能
前言 在应用中使用动画,可以给用户带来良好的交互体验。通过之前对Android动画的分类总结,尝试了使用属性动画实现支付宝支付效果及购物车添加动画的效果,今天在这里模仿一下微博雷达页面效果。 对Android动画不太熟悉或遗忘的知识,可以通过下面两篇文章了解。 Android …
五行代码实现 炫动滑动 卡片层叠布局,仿探探、人人影视订阅界面 简单&优雅:LayoutManager+ItemTouchHelper
想经济上支持我 or 想通过视频看我是怎么实现的: http://edu.csdn.net/course/detail/3956 概述 前几天看有人实现了仿人人美剧的订阅界面,不过在细节之处以及实现方式我个人认为都不是最佳的姿势。于是我也动手撸了一个,还顺带撸了个探探的界面,先…
Google I/O '17 新推出的物理动画库
Google I/O '17 推出了许多新的特性,在动画这一块又有新的API供开发者使用
高仿小米时钟 - 使用 Camera 和 Matrix 实现 3D 效果
一直觉得小米的时钟很精美,那这次就搞它~ 这次除了练习自定义 View,还涉及到使用 Camera 和 Matrix 实现 3D 效果。
android 软软的动画弹出菜单,基于Facebook的Rebuond
Hello,郭某又厚颜无耻的来码水文了,年终将至,又要被别人家程序猿的年终刷屏(年终奖和我有个Context关系(ノಠ益ಠ)ノ彡┻━┻)。所以,今天就让我们聊一点有意思♂的东西吧<( ̄ˇ ̄)/:“软软“的弹出菜单,一戳就破。没错,今天的片头就是这么短,此短非彼短,因为下面也很短…
花式实现图片 3D 翻转效果
很炫的 3D 翻转切换图片的效果
Android 仿 instagram 和微博的头像点击加载动画
InsLoadingAnimation 是仿 instagram 和微博的头像点击进行加载的 Android 动画。更多信息以及代码分析也可见相关的博文:http://www.jianshu.com/p/a0e2dbeef88a
可能是目前轻量级弹幕控件中功能最强大的一款
本项目是一个开源的弹幕控件库,能够支持多种样式弹幕,弹幕点击监听,弹幕分区域显示,自定义移动速度等功能,项目原理是通过自定义ViewGroup。可能是目前轻量级弹幕控件中功能最强大的一款了。 Github项目地址:https://github.com/hust201010701…
Android SpringAnimation 安卓模拟弹簧动画
最新官方动画库解析与源码实例
手把手教你绘制 Android 粘性果冻动画组件
Android 粘性果冻动画组件的绘制教程
Android自定义的一些LoadingView
自己闲下来自定义的一些LoadingView
敲酷炫的 ViewPager 切换效果和弹性指示器。
ViewPager 切换效果和 贝塞尔超 Q 指示器。
可自定义动效的卡片切换视图
可自定义动效的卡片切换视图
手把手Behavior自定义实现下拉背景图放大、上滑折叠顶部布局以及相应的联动动画
如果你正苦于实现一个酷炫的个人信息页面效果
如果产品要求你实现下拉放大背景图,上滑能看到详细信息
如果还要求一系列同步动画效果
通过Behavior实现它将是你的不二选择,本项目旨在帮助各位轻松实现自己的Behavior!
Android 开源之 ILayoutAnimationController,1 行代码让你的 ViewGroup 拥有华丽的布局动画!
ILayoutAnimationController 是一个自定义 LayoutAnimationController,通过重写其 getTransformedIndex 方法,1 行代码即可任意定制布局动画的执行顺序,实现不同展示效果!
【TopRightMenu】一步搞定手机QQ界面右上角弹出菜单
TopRightMenu Platform 类似手机QQ界面右上角的弹出菜单,使用recyclerview和popupwindow封装了一下,从此告别繁琐,一步轻松实现!废话不多说,先看效果图: Gif image 图片中看起来比较卡顿,但真机运行是正常的. APK 下载dem…
炫酷的悬浮操作栏-谷歌出品
谷歌开源了一个非常炫酷的悬浮操作栏
Android仿微信朋友圈,缩放归位功能详细解析
Android仿微信朋友圈,缩放归位功能详细解析
Android 使用 Path 实现搜索动态加载动画效果
今天实现一个搜索动态加载数据的动画效果
ViewPager系列之-仿掌上英雄联盟皮肤浏览效果
能有一个双休的周末,对于程序员来说,也算是一件幸福的事情吧。苦逼的加了一周的班,终于可以休息放松放松了。作为一个LOL爱好者,周末最开心的事当然就是约上几个小伙伴一起开黑了。一起超神、一起连跪,也算是周末的一大乐事。这几天英雄联盟搞活动,抽到一个安妮限定皮肤,可把我乐坏了,于是…
'随手而动'的 view 控件
手势操控拖拽, 缩放, 旋转的 view
RecyclerView 定制:通用 ItemDecoration 及全展开 RecyclerView 的实现
Android L 面世之后,Google 就推荐在开发项目中使用 RecyclerView 来取代 ListView,因为 RecyclerView 的灵活性跟性能都要比 ListView 更强,但是,带来的问题也不少,比如:列表分割线都要开发者自己控制,再者,RecyclerView 的测量与布局的逻辑都委托给了自己 LayoutManager 来处理,如果需要对 RecyclerView 进行改造,相应的也要对其 LayoutManager 进行定制
RecyclerView 的几种常用场景
如何实现带分割线的列表式 RecyclerView
如何实现带分割线网格式 RecyclerView
如何实现全展开的列表式 RecyclerView(比如:嵌套到 ScrollView 中使用)
如何实现全展开的网格式 RecyclerView(比如:嵌套到 ScrollView 中使用)
更加自然的渐变——呼吸动画
本篇主要介绍通过定义属性动画来拟合呼吸函数的变化曲线,以实现更加自然的渐隐和渐显效果,当然也可以作用于其他属性的自然过渡。
Android 实现一个蛮酷的加载进度条
Android 实现一个蛮酷的加载进度条
[译] Android 如何实现气泡选择动画
原文地址:How to Create a Bubble Selection Animation on Android 原文作者:Irina Galata 译文出自:掘金翻译计划 译者:skyar2009 校对者:zhaochuanxing, ylq167 Android 如何实…
做一个简单好看的ViewPager翻转动画
一直都很喜欢Instagram的快拍(Story)功能,也很喜欢他们的翻转效果,是一种简单的3D翻转效果。大致效果如下: instagramstory.gif 貌似最近微博也出了一个差不多的Story的功能,用的翻转动画也是和Instagram一样。 思路 看到这样的效果,很容…
用粒子动画显示各种文字的 Android 自定义 View
ParticleTextView 是一个 Android 平台的自定义 View 组件,可以用彩色粒子组成想要显示的文字,并配合多种动画效果和配置属性,呈现出丰富的视觉效果。
仿 360 市场下载按钮
先看一下效果: 无论多复杂的动画我们都是可以分割成小单元的,然后分步来实现。这个动画大概分为收缩,准备,加载,完成几个部分。为此定义一个枚举类来描述 view 的状态。public enum Status { NORMAL, START, PRE, EXPAND, LOAD, EN…
Android 自定义控件——模拟抛体加速减速效果
主要介绍一个关于类竖直上抛运动规律效果的 View,可以用于 “加载中” 过程动画.
直播礼物动画
直播礼物动画
Android 翻页效果加苹果桌面应用抖动效果
效果预览 这是最近项目的一个需求,作者写这篇文章目的不是想教大家如何做这个动画。很多动画很多效果,都有开源作者已经实现了,我们只需要拿来用。在实际开发中开发效率才是第一步,源码的学习可以放在自己没事的时候来做。分享下我拿到一个需求时是怎样一步一步来攻克的。个人见解,不吝赐教! …
RecyclerView 学习 (二)---- 高仿网易新闻栏目动画效果
高仿网易新闻栏目动画效果
Lottie -- 轻松实现动态加载直播礼物动画
轻松实现炫酷动画,让 app 加载动画像加载图片一样简单。几分钟时间让你学会动态加载资源实现炫酷礼物动画,完美适配安卓各机型。
浪起来!使用 drawBitmapMesh 实现仿真水波纹效果
在 Android 的画布 Canvas 里面有个 drawBitmapMesh 方法,通过它可以实现对 Bitmap 的各种扭曲。我们试一下用它把图像扭出水波纹的效果。 和 Material Design 里扁平化的水波纹不同,这里是通过对图像的处理,模拟真实的水波纹效果,最…
仿小红书图片标签 ViewGroup
Android 仿小红书图片标签,实现了图片标签的动画,布局,水波纹,编辑等功能,还可以自定义 Tag
Android Transition Framework 详解 --- 超炫的动画框架
早在 Android 4.4,Transition 就已经引入,但在 5.0 才得以真正的实现。而究竟 Transition 是用来干嘛的呢。接下来我将通过实例和原理解析来分析下 Google 这个强大的动画框架。
我们是如何用 Kotlin 在 Android 上实现果冻一样移动的 ToolBar 的
我们想,“要是一个普通的搜索框打开的同时伴着抖动效果会如何呢?” 当看到我们 search bar 动画的最终效果时,我们想到了果冻-由果汁和糖煮成的甜蜜,晶莹剔透的粘稠物体。
看起来很好吃的样子,是吧?让我们来看看 如何在 Android 上实现 toolbar 的果冻动画。
菜单开源库装逼大全
最近在看一个 GanNew 的开源代码,然后发现有个菜单,效果还挺好看的,没看代码之前,我还想着是怎么实现的,我第一想到了共享元素,然后一看代码,发现原来是个开源库。好吧,然后就去搜索有没有更好玩的菜单,就记录一些找到的,以后有需要也可以加入,或者拿来看看代码。讲道理,也是挺好的
做一个带滑动动画的bottomBar
点击item时,item是通过滑动来移动到相应的item上的,这个移动也不是简单的线性移动,而是带有粘性的.
item移动时,item颜色的切换是有item之间过渡的,类似于加了一个遮罩 移到item时,item本身是伴随item的移动是有一个动画的.
根据我们的分解,一步一步…
Path 从懵逼到精通——基本操作
带你深入 Path
Android 自定义圆形旋转进度条,仿微博头像加载效果
微博 App 的用户头像有一个圆形旋转进度条的加载效果,看上去效果非常不错,如图所示: 据说 Instagram 也采用了这种效果。最近抽空研究了一下,最后实现的效果是这样: 基本上能模拟出个大概,代码量不大,来讲讲实现思路吧。 模拟一种动画效果,首先需要仔细分析其运作过程,找到…
高仿哔哩哔哩客户端的 SearchView
高仿哔哩哔哩客户端的 SearchView
这交互炸了(三) :不看后悔!你一定没见过这样的闪屏
本文在 DiyCode 和 公众号: Android群英传 同时首发,关注作者的 DiyCode帐号 可第一时间收到新文章推送。 《交互炸了》或许是一系列高端特效教程, 文中会介绍一些比较炫酷的特效,以及实现的思路。特效实现本身也许不会有太大的难度。难点在于实现的思路。一旦思路…
一个绚丽的downloading动效分析与实现!
闲逛之余,看到一个不错的downloading动效,这个动效用CJJ的话说难度还好,但本人觉得还比较灵动、带感、俏皮、有新意,好了话不多说,咱们先来撸一张高清无码gif图: 撸完,咱可以将整个动效简单划分为以下流程:1.BeforeProgress(显示进度前);2.InPro…
一个超级迷你轻量级全方向完美侧滑控件,兼容各种嵌套与被嵌套滑动控件。
纯手工超级迷你轻量级全方向完美滑动处理侧滑控件(比官方 support v4 包 SlidingPaneLayout 控件更加 Q 迷你),支持上下左右有各种侧拉,可配置侧拉松手临界距离,支持单独使用、ListView、GridView、RecycleView、ScrollView、ViewPager 等各种嵌套(作为 item 使用或者作为以上所有控件的父容器使用),具体不同配置展示效果如下图。
Android 动画进阶 Lollipop
Lollipop 动画 Lollipop 为我们带来不少动画,简单而有效,灵活运用提升 APP 逼格 过渡动画 Activity 过渡动画包含两部分 : Activity 的进入和退出 过渡过程中的共享元素 进入和退出 explode (分解) :从屏幕中间进进或出,移动视图 slide …
Bottom Nav 详解 · Material Design Part 4
虽然我写的慢,但我写得 hin 用心啊!可以看下目录先
Airbnb 开源炫酷动画库 Lottie(译)-看看 Airbnb 的工程师怎么说
刚好在 Medium 看到了 Airbnb 的工程师介绍 Lottie 的文章,从工程师的角度介绍了 Lottie 的前世今生。
Yalantis 开源项目 Phoenix-Pull-to-Refresh 源码分析
Phoenix-Pull-to-Refresh 下拉刷新框架的源码解读
自定义 Behavior,伸缩的搜索框
前几天 用华为商店, 无意中发现了这个效果, 觉得挺赞的,简单来说,就是 搜索框在滑动到某个位置的时候,触发展开和折叠的效果.
仿饿了么左滑跳转
效果不错呦