autojs之属性动画

其他 2021-03-03 11:29:33 阅读次数: 0

属性动画 视频效果展示

autojs之属性动画

Android中的动画有View动画、属性动画、帧动画、布局动画、转场动画等，
在5.x以后有又新增了矢量动画。

本篇是属性动画的示例

所谓属性动画，就是改变对象Object的属性来实现动画过程。

属性动画是对View的动画的扩展，通过它可以实现更多漂亮的动画效果。

同时属性动画的作用对象不仅仅是View，任何对象都可以。

属性动画的作用效果就是：在一个指定的时间段内将对象的一个属性的属性值动态地变化到另一个属性值。

"ui";
/**
 * 作者:  家
 * 功能:  动画ObjectAnimator例子
 * 备注:  属性动画,顾名思义,更改view的属性
 */
importClass(java.lang.Runnable);
importClass(android.animation.ObjectAnimator);
importClass(android.animation.PropertyValuesHolder);
importClass(android.animation.ValueAnimator);
importClass(android.animation.AnimatorSet);
importClass(android.view.animation.AccelerateInterpolator);
importClass(android.view.animation.TranslateAnimation);
importClass(android.animation.ObjectAnimator);
importClass(android.animation.TimeInterpolator);
// importClass(android.support.v4.view.animation.FastOutLinearInInterpolator)
// importClass(android.support.v4.view.animation.FastOutSlowInInterpolator)
// importClass(android.support.v4.view.animation.LinearOutSlowInInterpolator)
// importClass(android.support.v7.app.AppCompatActivity)
importClass(android.os.Bundle);
importClass(android.view.View);
importClass(android.view.Window);
importClass(android.view.WindowManager);
importClass(android.view.animation.AccelerateDecelerateInterpolator);
importClass(android.view.animation.AccelerateInterpolator);
importClass(android.view.animation.AnticipateInterpolator);
importClass(android.view.animation.AnticipateOvershootInterpolator);
importClass(android.view.animation.BounceInterpolator);
importClass(android.view.animation.CycleInterpolator);
importClass(android.view.animation.DecelerateInterpolator);
importClass(android.view.animation.LinearInterpolator);
importClass(android.view.animation.OvershootInterpolator);
importClass(android.view.animation.PathInterpolator);
importClass(android.widget.Button);
importClass(android.widget.ImageView);
importClass(android.widget.TextView);
var myColor = function () {
    
    
  return "#" + getRndColor();
};
ui.layout(
  <vertical>
    <scroll>
      <vertical id="parent">
        <button id="ObjectAnimator多个动画" textSize="20sp">
          ObjectAnimator多个动画
        </button>
        <button id="PropertyValuesHolder多个动画" textSize="20sp">
          PropertyValuesHolder多个动画
        </button>
        <button id="自定义动画同时执行" textSize="20sp">
          自定义动画同时执行
        </button>
        <button id="自定义动画先后执行" textSize="20sp">
          自定义动画先后执行
        </button>
        <button id="透明" textSize="20sp">
          透明
        </button>
        <button id="旋转" textSize="20sp">
          旋转
        </button>
        <button id="插值器_头慢中快尾慢" textSize="20sp">
          插值器_头慢中快尾慢
        </button>
        <button id="插值器_头快尾慢" textSize="20sp">
          插值器_头快尾慢
        </button>
        <button id="插值器_慢慢加快" textSize="20sp">
          插值器_慢慢加快
        </button>
        <button id="插值器_弹射" textSize="20sp">
          插值器_弹射
        </button>
        <button id="自定义动画完成度_时间完成度曲线" textSize="20sp">
          自定义动画完成度_时间完成度曲线
        </button>
        <button id="插值器_惯性" textSize="20sp">
          插值器_惯性
        </button>
        <button id="插值器_惯性2" textSize="20sp">
          插值器_惯性2
        </button>
        <button id="插值器_弹性的小球掉到地上" textSize="20sp">
          插值器_弹性的小球掉到地上
        </button>
        <button id="插值器_类似sin函数" textSize="20sp">
          插值器_类似sin函数
        </button>
        <button id="绕X轴旋转" textSize="20sp">
          绕X轴旋转
        </button>
        <button id="在X轴上的平移" textSize="20sp">
          在X轴上的平移
        </button>
        <button id="在Y轴上的平移" textSize="20sp">
          在Y轴上的平移
        </button>
        <button id="在X轴上的缩放" textSize="20sp">
          在X轴上的缩放
        </button>
        <button id="在Y轴上的缩放" textSize="20sp">
          在Y轴上的缩放
        </button>
        <button id="更换背景颜色" textSize="20sp">
          更换背景颜色
        </button>
        <button id="顺序执行动画" textSize="20sp">
          顺序执行动画
        </button>
        <button id="同时执行动画" textSize="20sp">
          同时执行动画
        </button>
        <button id="平移_虚假移动_真身未动" textSize="20sp">
          平移_虚假移动_真身未动
        </button>
      </vertical>
    </scroll>
  </vertical>
);
ui.post(function () {
    
    
  var parent = ui.parent;
  var sonsNum = parent.getChildCount();
  for (var i = 0; i < sonsNum; i++) {
    
    
    var son = parent.getChildAt(i);
    log(son.getText());
    var color = rndColor();
    log(color);
    son.setBackgroundColor(color);
  }
}, 300);
ui.插值器_头慢中快尾慢.on("click", () => {
    
    
  //更加丰富的控制效果
  var view = ui.插值器_头慢中快尾慢;
  animator = ObjectAnimator.ofFloat(view, "translationY", 0, -600, 0);
  mTimeInterpolator = new AccelerateDecelerateInterpolator();
  animator.setInterpolator(mTimeInterpolator);
  animator.setDuration(3000); //动画时间
  animator.start();
});
ui.插值器_头快尾慢.on("click", () => {
    
    
  //更加丰富的控制效果
  var view = ui.插值器_头快尾慢;
  animator = ObjectAnimator.ofFloat(view, "translationY", 0, -1000, 0);
  mTimeInterpolator = new DecelerateInterpolator();
  animator.setInterpolator(mTimeInterpolator);
  animator.setDuration(3000); //动画时间
  animator.start();
});
ui.插值器_慢慢加快.on("click", () => {
    
    
  var view = ui.插值器_慢慢加快;
  animator = ObjectAnimator.ofFloat(view, "translationY", 0, -2000, 0);
  mTimeInterpolator = new AccelerateInterpolator();
  animator.setInterpolator(mTimeInterpolator);
  animator.setDuration(3000);
  animator.start();
});
ui.插值器_弹射.on("click", () => {
    
    
  var view = ui.插值器_弹射;
  animator = ObjectAnimator.ofFloat(view, "translationY", 0, -300, 0);
  mTimeInterpolator = new AnticipateInterpolator();
  animator.setInterpolator(mTimeInterpolator);
  animator.setDuration(3000);
  animator.start();
});
ui.插值器_惯性2.on("click", () => {
    
    
  var view = ui.插值器_惯性2;
  animator = ObjectAnimator.ofFloat(view, "translationY", 0, -200, 0);
  mTimeInterpolator = new OvershootInterpolator();
  animator.setInterpolator(mTimeInterpolator);
  animator.setDuration(3000);
  animator.start();
});
ui.插值器_惯性.on("click", () => {
    
    
  var view = ui.插值器_惯性;
  animator = ObjectAnimator.ofFloat(view, "translationY", 0, -200, 0);
  mTimeInterpolator = new AnticipateOvershootInterpolator();
  animator.setInterpolator(mTimeInterpolator);
  animator.setDuration(3000);
  animator.start();
});
ui.插值器_弹性的小球掉到地上.on("click", () => {
    
    
  var view = ui.插值器_弹性的小球掉到地上;
  animator = ObjectAnimator.ofFloat(view, "translationY", 0, -600, 0);
  mTimeInterpolator = new BounceInterpolator();
  animator.setInterpolator(mTimeInterpolator);
  animator.setDuration(3000);
  animator.start();
});
ui.插值器_类似sin函数.on("click", () => {
    
    
  var view = ui.插值器_类似sin函数;
  // 为了显示效果,我们先把按钮升高一点,然后再执行这个插值器效果
  animator往上走 = ObjectAnimator.ofFloat(view, "translationY", 0, -600);
  animator = ObjectAnimator.ofFloat(view, "translationY", 0, -600);
  mTimeInterpolator = new CycleInterpolator(6);
  animator.setInterpolator(mTimeInterpolator);
  set = new AnimatorSet();
  set.playSequentially(animator往上走, animator);
  set.setDuration(3000);
  set.start();
});
ui.自定义动画完成度_时间完成度曲线.on("click", () => {
    
    
  var view = ui.自定义动画完成度_时间完成度曲线;
  // 为了显示效果,我们先把按钮升高一点,然后再执行这个插值器效果
  var path = new android.graphics.Path();
  // 先以「动画完成度 : 时间完成度 = 1 : 1」的速度匀速运行 25%
  path.lineTo(0.25, 0.25);
  // 然后瞬间跳跃到 150% 的动画完成度
  path.moveTo(0.25, 1.5);
  // 再匀速倒车，返回到目标点
  path.lineTo(1, 1);
  animator = ObjectAnimator.ofFloat(view, "translationY", 0, 100, 0);
  mTimeInterpolator = new PathInterpolator(path);
  animator.setInterpolator(mTimeInterpolator);
  animator.setDuration(3000);
  animator.start();
});
ui.透明.on("click", () => {
    
    
  animator = ObjectAnimator.ofFloat(ui.透明, "alpha", 1, 0, 1);
  animator.setDuration(3000); //动画时间
  animator.start();
});
ui.旋转.on("click", () => {
    
    
  animator = ObjectAnimator.ofFloat(ui.旋转, "rotation", 0, 180, 0);
  animator.setDuration(3000); //动画时间
  animator.start();
});
ui.绕X轴旋转.on("click", () => {
    
    
  animator = ObjectAnimator.ofFloat(ui.绕X轴旋转, "rotationX", 0, 270, 0);
  animator.setDuration(3000); //动画时间
  animator.start();
});
ui.在X轴上的平移.on("click", () => {
    
    
  animator = ObjectAnimator.ofFloat(ui.在X轴上的平移, "translationX", 0, 200, -200, 0);
  animator.setDuration(3000); //动画时间
  animator.start();
});
ui.在Y轴上的平移.on("click", () => {
    
    
  animator = ObjectAnimator.ofFloat(ui.在Y轴上的平移, "translationY", 0, 200, -200, 0);
  animator.setDuration(3000); //动画时间
  animator.start();
});
ui.在X轴上的缩放.on("click", () => {
    
    
  animator = ObjectAnimator.ofFloat(ui.在X轴上的缩放, "scaleX", 1, 10, 1);
  animator.setDuration(3000); //动画时间
  animator.start();
});
ui.在Y轴上的缩放.on("click", () => {
    
    
  animator = ObjectAnimator.ofFloat(ui.在Y轴上的缩放, "scaleY", 1, 10, 1);
  animator.setDuration(3000); //动画时间
  animator.start();
});
ui.更换背景颜色.on("click", () => {
    
    
  objectAnimator = ObjectAnimator.ofInt(
    ui.更换背景颜色,
    "backgroundColor",
    rndColor(),
    rndColor(),
    rndColor(),
    rndColor()
  );
  objectAnimator.setDuration(3000);
  objectAnimator.setEvaluator(new android.animation.ArgbEvaluator());
  objectAnimator.start();
});
ui.顺序执行动画.on("click", () => {
    
    
  playAnimationDaShang顺序(ui.顺序执行动画);
});
ui.同时执行动画.on("click", () => {
    
    
  playAnimationDaShang同时(ui.同时执行动画);
});
ui.平移_虚假移动_真身未动.on("click", () => {
    
    
  move(ui.平移_虚假移动_真身未动);
});
ui.ObjectAnimator多个动画.on("click", () => {
    
    
  ObjectAnimator多个动画(ui.ObjectAnimator多个动画);
});
ui.PropertyValuesHolder多个动画.on("click", () => {
    
    
  PropertyValuesHolder多个动画(ui.PropertyValuesHolder多个动画);
});
ui.自定义动画同时执行.on("click", () => {
    
    
  自定义动画同时执行(ui.自定义动画同时执行);
});
ui.自定义动画先后执行.on("click", () => {
    
    
  自定义动画先后执行(ui.自定义动画先后执行);
});

function 自定义动画同时执行(view) {
    
    
  //更加丰富的控制效果
  animator1 = ObjectAnimator.ofFloat(view, "translationX", 0, 600, 0);
  animator2 = ObjectAnimator.ofFloat(view, "translationY", 0, -200, 0);
  animator3 = ObjectAnimator.ofFloat(view, "rotation", 0, 360, 0);
  set = new AnimatorSet();
  set.playTogether(animator1, animator2, animator3);
  //set.play(animator1).with(animator2);
  //set.play(animator2).after(animator3);
  set.setDuration(3000);
  set.start();
}

function 自定义动画先后执行(view) {
    
    
  //更加丰富的控制效果
  animator1 = ObjectAnimator.ofFloat(view, "translationX", 0, 600, 0);
  animator2 = ObjectAnimator.ofFloat(view, "translationY", 0, -200, 0);
  animator3 = ObjectAnimator.ofFloat(view, "rotation", 0, 360, 0);
  set = new AnimatorSet();
  set.playSequentially(animator1, animator2, animator3);
  set.setDuration(3000);
  set.start();
}

function PropertyValuesHolder多个动画(view) {
    
    
  //优化
  p1 = PropertyValuesHolder.ofFloat("rotation", 0, 360, 0);
  p2 = PropertyValuesHolder.ofFloat("translationX", 0, 600, 0);
  p3 = PropertyValuesHolder.ofFloat("translationY", 0, -200, 0);
  ObjectAnimator.ofPropertyValuesHolder(view, p1, p2, p3).setDuration(3000).start();
}

function ObjectAnimator多个动画(view) {
    
    
  ObjectAnimator.ofFloat(view, "translationX", 0, 800, 0).setDuration(3000).start(); //1 操纵的对象 2 所需要操纵的对象属性 3 动画变化的范围
  ObjectAnimator.ofFloat(view, "rotation", 0, 360, 0).setDuration(3000).start(); //异步过程
  ObjectAnimator.ofFloat(view, "translationY", 0, -200, 0).setDuration(3000).start();
}

function move(view) {
    
    
  ta = new TranslateAnimation(0, 100, 0, -900);
  ta.setDuration(1000); //持续时间
  ta.setFillAfter(true); //平移完后true代表保存平移后的状态
  view.startAnimation(ta);
}

function playAnimationDaShang顺序(view) {
    
    
  animatorSetPeople = new AnimatorSet(); //多个动画 动画集
  animatorSetPeople.setDuration(3000);
  translationX = ObjectAnimator.ofFloat(view, "translationX", 0, -110, 110, 0);
  scaleX = ObjectAnimator.ofFloat(
    view,
    "scaleX",
    1,
    3,
    1,
    2,
    1,
    2,
    1,
    1.5,
    1,
    1.2,
    1,
    1.1,
    1,
    1.1,
    1,
    1.03,
    1,
    1.01,
    1
  ); //从原始状态放大2倍再回到原始状态
  scaleY = ObjectAnimator.ofFloat(
    view,
    "scaleY",
    1,
    3,
    1,
    2,
    1,
    2,
    1,
    1.5,
    1,
    1.2,
    1,
    1.1,
    1,
    1.1,
    1,
    1.03,
    1,
    1.01,
    1
  );
  // translationX.setRepeatCount(-1); //设置动画重复次数
  // translationX.setRepeatMode(ObjectAnimator.RESTART); //动画重复模式
  translationX.setStartDelay(100); //动画延时执行
  translationX.setInterpolator(new AccelerateInterpolator()); //Interpolator可以定义动画播放的速度
  /*after(Animator anim) 将现有动画插入到传入的动画之后执行
after(long delay) 将现有动画延迟指定毫秒后执行
before(Animator anim) 将现有动画插入到传入的动画之前执行
with(Animator anim) 将现有动画和传入的动画同时执行*/
  animatorSetPeople.play(translationX).before(scaleX).after(scaleY);
  // animatorSetPeople.play(translationX).with(scaleX).with(scaleY)
  // animatorSetPeople.playTogether(translationX, scaleX, scaleY);
  animatorSetPeople.start();
  // animatorSetPeople.end();
  // animatorSetPeople.cancel();
}

function playAnimationDaShang同时(view) {
    
    
  animatorSetPeople = new AnimatorSet(); //多个动画 动画集
  animatorSetPeople.setDuration(3000);
  translationX = ObjectAnimator.ofFloat(view, "translationX", 0, -110, 110, 0);
  scaleX = ObjectAnimator.ofFloat(
    view,
    "scaleX",
    1,
    3,
    1,
    2,
    1,
    2,
    1,
    1.5,
    1,
    1.2,
    1,
    1.1,
    1,
    1.1,
    1,
    1.03,
    1,
    1.01,
    1
  ); //从原始状态放大2倍再回到原始状态
  scaleY = ObjectAnimator.ofFloat(
    view,
    "scaleY",
    1,
    3,
    1,
    2,
    1,
    2,
    1,
    1.5,
    1,
    1.2,
    1,
    1.1,
    1,
    1.1,
    1,
    1.03,
    1,
    1.01,
    1
  );
  translationX.setStartDelay(100); //动画延时执行
  animatorSetPeople.play(translationX).with(scaleX).with(scaleY);
  animatorSetPeople.start();
}

function rndColor() {
    
    
  return colors.rgb(random(0, 255), random(0, 255), random(0, 255));
}

function rndNum(min, max) {
    
    
  return Math.floor(Math.random() * (max - min + 1) + min);
}

微信公众号 AutoJsPro教程

在这里插入图片描述

QQ群

747748653

猜你喜欢

转载自blog.csdn.net/snailuncle2/article/details/113869446
今日推荐
openKylin 社区生态委员会第六次会议圆满召开
阿里云正式发布通义千问 2.5
Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器
Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号
Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作
报告：Django 仍然是 74% 开发者的首选
《2024 年一季度互联网投融资运行情况》研究报告
15 年前上了“FFmpeg 耻辱柱”，今天他还得谢谢咱——腾讯QQPlayer一雪前耻？
TIOBE 5 月榜单：Fortran “复活”进入 Top 10
GCC 14.1 发布
面壁智能发布 Eurux-8x22B 开源大模型 —— 堪称「理科状元」
开源日报 | 谷歌扶持鸿蒙上位；开源Rabbit R1；Docker加持的安卓手机；微软的焦虑和野心；海尔电器把开放平台关了
周排行
计算机组成与设计（七）—— 除法器
Integer Approximation(分治+枚举)
大话数据库索引
windows10系统JDK的配置及下载地址
mysql实现秒值转换中原六仔平台搭建
Codeforces Round #556 (Div. 1)
百练1064 网线主管
Codeforces 995F Cowmpany Cowmpensation
子集生成之增量构造法，位向量法，二进制法
ERROR: cmd.exe failed with args /c "/APK\gradle\rungradle.bat...
每日归档
更多
2024-05-10(38)
2024-05-09(35)
2024-05-08(42)
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)
2024-05-03(19)
2024-05-02(0)
2024-05-01(4)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022