14、UI_02拨号盘动画

来源：互联网发布：ip网络广播软件源文件编辑：程序博客网时间：2024/06/03 21:44

UI_02拨号盘动画

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

一、需要考虑的问题：

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

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

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

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

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

变形动画：

        //step1        ValueAnimator widthAnimation = ValueAnimator.ofInt(fromWidth, toWidth);        widthAnimation.setDuration(duration/2);        widthAnimation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {            @Override            public 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

三、效果图

android

0 0