前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >D9-Android自定义控件之动画篇1

D9-Android自定义控件之动画篇1

作者头像
张风捷特烈
发布2018-09-29 11:27:44
5850
发布2018-09-29 11:27:44
举报

本篇是关于ObjectAnimator的演示 ObjectAnimator是针对有setXxxxxx方法的属性,进行的"Xxxxxx"属性变化动画 绘制部分就不废话了,前面已经说很多了,直接进入主题


一、下移示例:

下移动画.gif

代码语言:javascript
复制
/**
 * 下移动画
 */
private ObjectAnimator mMoveDown;
代码语言:javascript
复制
float translationY = getTranslationY();//当前Y偏移量
mMoveDown = ObjectAnimator//创建实例
        //(View,属性名,初始化值,结束值)
        .ofFloat(this, "translationY", translationY, translationY + 300)
        .setDuration(1000);//设置时常
代码语言:javascript
复制
mMoveDown.start();//开启动画

加上背景看一下,可以看出是整个View进行了变化。

加背景.gif

常用属性一览:

属性名

演示

解释

alpha

透明度1~0

translationX

X方向移动

translationY

Y方向移动

rotation

旋转(默认View中心点)

rotationX

X轴旋转(默认View中心横轴)

translationY

Y轴旋转(默认View中心纵轴)

scaleX

X缩放 倍数

scaleY

Y缩放 倍数


二、其他
1.旋转缩放中心点设置:
代码语言:javascript
复制
setPivotX(200);
setPivotY(200);

旋转中心点.gif

2.多参数

0-->360 360-->0 0-->90

代码语言:javascript
复制
.ofFloat(this, "rotation", 0, 360,360,0,0,90)

多参数.gif

3.延迟、重复、重复模式

重复模式:ValueAnimator.RESTART(1)和ValueAnimator.REVERSE(2) 重复次数:ValueAnimator.INFINITE为无限循环(-1)

代码语言:javascript
复制
translationX.setStartDelay(1000);
translationX.setRepeatCount(2);
translationX.setRepeatMode(ValueAnimator.RESTART);
RESTART重复效果

延迟,RESTART重复.gif

REVERSE重复效果

REVERSE重复.gif


三、自定义ObjectAnimator属性

内置的只是一些常用的,我们也可以自定义自己的属性

1.自定义圆的大小动画

必须用一个setXxx的方法,属性名则为xxx,调用重绘方法

代码语言:javascript
复制
public void setCircleR(float circleR) {
    mCircleR = circleR;
    invalidate();//记得重绘
}
代码语言:javascript
复制
private ObjectAnimator circleR() {
    return ObjectAnimator//创建实例
            //(View,属性名,初始化值,结束值)
            .ofFloat(this, "circleR", 100, 50,100,20,100)
            .setDuration(3000);//设置时常
}

自定义半径.gif

2.自定义颜色动画
代码语言:javascript
复制
public void setColor(int color) {
    mColor = color;
    invalidate();
}
代码语言:javascript
复制
private ObjectAnimator color() {
    ObjectAnimator color = ObjectAnimator//创建实例
            //(View,属性名,初始化值,结束值)
            .ofInt(this, "color", 0xff0000ff,0xffF2BA38,0xffDD70BC)
            .setDuration(3000);
    color.setEvaluator(new ArgbEvaluator());//颜色的估值器
    return color;
}

自定义颜色.gif

下一篇将会带来:set动画集来控制多个动画,以及动画的监听。


后记、
1.声明:

[1]本文由张风捷特烈原创,转载请注明 [2]欢迎广大编程爱好者共同交流 [3]个人能力有限,如有不正之处欢迎大家批评指证,必定虚心改正 [4]你的喜欢与支持将是我最大的动力

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.09.17 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、下移示例:
    • 常用属性一览:
    • 二、其他
      • 1.旋转缩放中心点设置:
        • 2.多参数
          • 3.延迟、重复、重复模式
            • RESTART重复效果
            • REVERSE重复效果
        • 三、自定义ObjectAnimator属性
          • 1.自定义圆的大小动画
            • 2.自定义颜色动画
            • 后记、
              • 1.声明:
              领券
              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档