UI_02拨号盘动画

最近看到拨号盘的变形动画比较有意思，所以自己动手试试。

一、需要考虑的问题：

1、拨号盘可能会有单卡机型，双卡机型，还会有视频通话，多人会话等。要考虑到全部都兼容的情况。

2、用图片背景变形，有阴影效果的话，图片位置需要微调。（比较繁琐，自己调）

3、用颜色做背景，颜色渐变，圆角。

4、局部动画与整体动画。

二、好啦不多说，直接上代码：

变形动画：

        //step1ValueAnimator widthAnimation = ValueAnimator.ofInt(fromWidth, toWidth);widthAnimation.setDuration(duration/2);widthAnimation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {@Overridepublic void onAnimationUpdate(ValueAnimator animation) {deformationLayout(animation, fromWidth, toWidth);}});

变形：

    private void deformationLayout(ValueAnimator animation, int fromWidth, int toWidth) {int leftOffset;int rightOffset;int targetWidth;int targetHeight;if (fromWidth > toWidth) {targetWidth = fromWidth;targetHeight = toWidth;} else {targetWidth = toWidth;targetHeight = fromWidth;}int value = (Integer) animation.getAnimatedValue();leftOffset = (targetWidth - value) / 2;rightOffset = targetWidth - leftOffset;mBackgroundDrawable.setBounds(leftOffset, 0, rightOffset, targetHeight);mBackgroundDrawable.invalidateSelf();}

三、项目地址：

https://github.com/wch0620/DialpadAnimation

三、效果图

14、UI_02拨号盘动画相关推荐

QGIS 3.14|地震数据动画效果实战（二）动画设置篇
01 设置图层Temporal属性在QGIS 3.14中,图层的属性对话框首次加入了 Temporal标签页,提供图层的时间设置. 右键点击[图层]面板中的"quake2020" ...
QGIS 3.14|地震数据动画效果实战（三）进度条设置
在之前的版本中,QGIS对时间的处理是通过Time Manager插件实现的,QGIS 3.14将Temporal Controller引入软件整体框架之中,以原生的方式支持各类数据集对时间维度的处理 ...
iOS之UIview动画
一.UIView动画(首尾) 1.简单说明 UIKit直接将动画集成到UIView类中,当内部的一些属性发生改变时,UIView将为这些改变提供动画支持执行动画所需要的工作由UIView类自动完成, ...
视频专辑：轻松学习flash动画制作视频教程
为什么80%的码农都做不了架构师?>>> 1 1. flash的应用领域 [flash动画制作] 2013-10-30 23:26 | 播放(10) | 评论(0) | 时 ...
html笔记（五）2D、3D、3D动画
大标题小节一.2D 1. css3 渐变的语法及应用 2. 动画过渡:transition 3. 2D转换属性:transform 二.3D 1. 3D转换 2. 3D视距 3. 3D翻转方法 4 ...
html5 页面加载缓慢,html5体验优化页面加载的14条建议
html5体验优化页面加载的14条建议 1. fake 页 - 首屏加速目标:首屏 3s 以内因为 71% 的用户期望移动页面跟 pc 页面一样快 (3s) ,74% 的用户能容忍的响应时间为 5 ...
Core Animation(核心动画)
iOS开发UI篇-核心动画简介一.简单介绍 Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍.也就是说,使用少量 ...
iOS开发UI篇—核心动画(UIView封装动画)
一.UIView动画(首尾) 1.简单说明 UIKit直接将动画集成到UIView类中,当内部的一些属性发生改变时,UIView将为这些改变提供动画支持执行动画所需要的工作由UIView类自动完成, ...
cocos2dx动画Animation介绍
一.帧动画你能够通过一系列图片文件,像例如以下这样,创建一个动画: [cpp] CCAnimation *animation = CCAnimation::create(); //从本 ...
Unity3D－游戏ARVR开发进阶课程 - 动画系统-宋晓波-专题视频课程
Unity3D-游戏ARVR开发进阶课程 - 动画系统-10610人已学习课程介绍本套视频培训课程中会深入学习Unity中的Mecanim动画系统.包括动画剪辑.动画控制器.动画状 ...

14、UI_02拨号盘动画

UI_02拨号盘动画

最近看到拨号盘的变形动画比较有意思，所以自己动手试试。

一、需要考虑的问题：

1、拨号盘可能会有单卡机型，双卡机型，还会有视频通话，多人会话等。要考虑到全部都兼容的情况。

2、用图片背景变形，有阴影效果的话，图片位置需要微调。（比较繁琐，自己调）

3、用颜色做背景，颜色渐变，圆角。

4、局部动画与整体动画。

二、好啦不多说，直接上代码：

变形动画：

变形：

三、项目地址：

三、效果图

14、UI_02拨号盘动画相关推荐

最新文章

热门文章