14、UI_02拨号盘动画

最新推荐文章于 2022-05-26 16:33:19 发布

wch0620

最新推荐文章于 2022-05-26 16:33:19 发布

阅读量654

点赞数

分类专栏： Android-UI 文章标签：动画拨号盘

本文链接：https://blog.csdn.net/wch0620/article/details/50485967

版权

Android-UI 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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();

    }