您的位置：首页 > 房产 > 家装 > 广告联盟哪个好_网络运行维护_网站优化排名易下拉软件_建一个自己的网站

广告联盟哪个好_网络运行维护_网站优化排名易下拉软件_建一个自己的网站

2025/4/7 19:29:53 来源：https://blog.csdn.net/2301_79977698/article/details/146921984  浏览:  次   关键词：广告联盟哪个好_网络运行维护_网站优化排名易下拉软件_建一个自己的网站
广告联盟哪个好_网络运行维护_网站优化排名易下拉软件_建一个自己的网站

文章目录

  • View动画
    • 四种基本类型
    • 使用方法
    • XML 定义动画
    • 帧动画
    • 属性动画

View动画

四种基本类型

View 动画主要有四种基本类型，它们都继承自 Animation 类：

动画类型作用主要方法
AlphaAnimation透明度变化fromAlpha（起始透明度），toAlpha（目标透明度）
ScaleAnimation缩放动画fromX、toX（X 轴缩放比例），fromY、toY（Y 轴缩放比例）
TranslateAnimation平移动画fromXDelta、toXDelta（X 轴位移），fromYDelta、toYDelta（Y 轴位移）
RotateAnimation旋转动画fromDegrees、toDegrees（旋转角度），pivotX、pivotY（旋转中心）

使用方法

（1）透明度动画（AlphaAnimation）

AlphaAnimation alphaAnimation = new AlphaAnimation(0.0f, 1.0f); // 从完全透明到完全显示
alphaAnimation.setDuration(1000); // 持续时间 1 秒
view.startAnimation(alphaAnimation);

效果：View 从 透明 → 不透明

（2）缩放动画（ScaleAnimation）

ScaleAnimation scaleAnimation = new ScaleAnimation(0.5f, 1.5f, // X 轴从 0.5 倍缩放到 1.5 倍0.5f, 1.5f, // Y 轴从 0.5 倍缩放到 1.5 倍Animation.RELATIVE_TO_SELF, 0.5f, // X 轴缩放中心点Animation.RELATIVE_TO_SELF, 0.5f  // Y 轴缩放中心点
);
scaleAnimation.setDuration(1000);
view.startAnimation(scaleAnimation);

效果：View 放大 / 缩小

（3）平移动画（TranslateAnimation）

TranslateAnimation translateAnimation = new TranslateAnimation(0, 300, // X 轴方向，从 0 移动到 300 像素0, 0   // Y 轴不变
);
translateAnimation.setDuration(1000);
view.startAnimation(translateAnimation);

效果：View 向右移动 300px

（4）旋转动画（RotateAnimation）

RotateAnimation rotateAnimation = new RotateAnimation(0, 360, // 从 0 度旋转到 360 度Animation.RELATIVE_TO_SELF, 0.5f, // 以自身 X 轴中心旋转Animation.RELATIVE_TO_SELF, 0.5f  // 以自身 Y 轴中心旋转
);
rotateAnimation.setDuration(1000);
view.startAnimation(rotateAnimation);

效果：View 旋转 360°

3. 组合动画（AnimationSet）

可以同时应用多个动画：

AnimationSet animationSet = new AnimationSet(true);
animationSet.setDuration(1000);// 添加透明度动画
AlphaAnimation alpha = new AlphaAnimation(0.0f, 1.0f);
animationSet.addAnimation(alpha);// 添加平移动画
TranslateAnimation translate = new TranslateAnimation(0, 200, 0, 0);
animationSet.addAnimation(translate);view.startAnimation(animationSet);

效果：View 同时淡入 + 移动

XML 定义动画

1. XML 动画的基本结构

每个动画文件都是一个 XML 文件，以 <set>、<alpha>、<scale>、<translate>、<rotate> 之一作为根元素。例如：

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"android:fromAlpha="0.0"android:toAlpha="1.0"android:duration="1000"/>
  • 根标签：可使用 <set> 组合多个动画，或者单独使用 <alpha>、<scale>、<translate>、<rotate>。
  • 属性：设置动画的起始值、目标值、时间等。

2. 透明度动画（AlphaAnimation）

文件名：res/anim/fade_in.xml

?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"android:fromAlpha="0.0"android:toAlpha="1.0"android:duration="1000"/>

效果：View 从完全透明到完全显示。

代码加载动画

Animation fadeIn = AnimationUtils.loadAnimation(context, R.anim.fade_in);
view.startAnimation(fadeIn);

3. 缩放动画（ScaleAnimation）

文件名：res/anim/scale.xml

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"android:fromXScale="0.5"android:toXScale="1.5"android:fromYScale="0.5"android:toYScale="1.5"android:pivotX="50%"android:pivotY="50%"android:duration="1000"/>
  • fromXScale、toXScale：X 轴缩放比例。
  • fromYScale、toYScale：Y 轴缩放比例。
  • pivotX、pivotY：缩放中心，50% 代表在自身中心点缩放。

效果：View 从 0.5 倍变为 1.5 倍大小。

代码加载动画

Animation scale = AnimationUtils.loadAnimation(context, R.anim.scale);
view.startAnimation(scale);

4. 平移动画（TranslateAnimation）

文件名：res/anim/translate.xml

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"android:fromXDelta="0"android:toXDelta="300"android:fromYDelta="0"android:toYDelta="0"android:duration="1000"/>
  • fromXDelta、toXDelta：X 轴上的位移（像素）。
  • fromYDelta、toYDelta：Y 轴上的位移（像素）。

效果：View 从左向右移动 300px。

代码加载动画

Animation translate = AnimationUtils.loadAnimation(context, R.anim.translate);
view.startAnimation(translate);

5. 旋转动画（RotateAnimation）

文件名：res/anim/rotate.xml

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"android:fromDegrees="0"android:toDegrees="360"android:pivotX="50%"android:pivotY="50%"android:duration="1000"/>
  • fromDegrees、toDegrees：旋转角度。
  • pivotX、pivotY：旋转中心点。

效果：View 以中心点为轴心旋转 360°。

代码加载动画

Animation rotate = AnimationUtils.loadAnimation(context, R.anim.rotate);
view.startAnimation(rotate);

6. 组合动画（AnimationSet）

可以组合多个动画，例如同时执行旋转 + 缩放 + 透明度变化。

文件名：res/anim/combined.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"android:interpolator="@android:anim/accelerate_decelerate_interpolator"><!-- 透明度动画 --><alphaandroid:fromAlpha="0.0"android:toAlpha="1.0"android:duration="1000"/><!-- 缩放动画 --><scaleandroid:fromXScale="0.5"android:toXScale="1.5"android:fromYScale="0.5"android:toYScale="1.5"android:pivotX="50%"android:pivotY="50%"android:duration="1000"/><!-- 旋转动画 --><rotateandroid:fromDegrees="0"android:toDegrees="360"android:pivotX="50%"android:pivotY="50%"android:duration="1000"/></set>
  • <set>：用于组合多个动画，android:interpolator 决定动画播放速度变化。

效果：

  • View 从透明到完全显示
  • 同时放大
  • 同时旋转 360°

代码加载动画

Animation combined = AnimationUtils.loadAnimation(context, R.anim.combined);
view.startAnimation(combined);

7. LayoutAnimation

<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"android:animation="@anim/item_slide_in"android:animationOrder="normal"android:delay="0.1" />
  • android:animation：子项的动画（这里引用 item_slide_in.xml）。
  • android:animationOrder：
    • normal：按顺序执行动画（默认）。
    • reverse：逆序执行。
    • random：随机执行。
  • android:delay：动画延迟比例。

android:interpolator：

在 Android 视图动画（View Animation） 中，android:interpolator 负责控制动画的时间变化速率，即动画执行过程中的速度曲线。

它可以让动画：

  • 线性均匀（LinearInterpolator）
  • 逐渐加速（AccelerateInterpolator）
  • 逐渐减速（DecelerateInterpolator）
  • 先加速后减速（AccelerateDecelerateInterpolator）
  • 弹跳效果（BounceInterpolator）
  • 超出目标再回弹（OvershootInterpolator）
  • 先超出再回弹（AnticipateOvershootInterpolator）

常见类型：

插值器名称作用
@android:anim/linear_interpolator线性匀速，动画速度恒定，不加速也不减速
@android:anim/accelerate_interpolator加速动画，一开始慢，后面快
@android:anim/decelerate_interpolator减速动画，一开始快，后面慢
@android:anim/accelerate_decelerate_interpolator先加速再减速，中间速度最快
@android:anim/bounce_interpolator弹跳效果，到终点时弹几下
@android:anim/overshoot_interpolator超出终点然后回弹
@android:anim/anticipate_interpolator先往反方向移动一点，然后加速到目标点
@android:anim/anticipate_overshoot_interpolator先往回移动一点，再超出目标点，最后回到目标点

android:fillAfter="true" 作用是动画结束后，View 是否保持动画最终状态。

  • true：动画结束后，View 停留在动画的最终位置或状态。
  • false（默认）：动画结束后，View 恢复到原始状态。

帧动画

帧动画（Frame Animation）是逐帧播放一系列图片来实现动画的方式，类似于 GIF 动画。它适用于 简单的逐帧动画，但不适合复杂的 UI 动画（性能开销大）。

1. 定义帧动画（XML 方式）

在 res/drawable 目录下创建 frame_animation.xml：

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"android:oneshot="false">  <!-- oneshot="false" 表示循环播放 --><item android:drawable="@drawable/frame1" android:duration="100"/><item android:drawable="@drawable/frame2" android:duration="100"/><item android:drawable="@drawable/frame3" android:duration="100"/><item android:drawable="@drawable/frame4" android:duration="100"/>
</animation-list>

📌 说明：

  • <animation-list>：定义帧动画列表。

  • <item> ：

    • android:drawable="..."：指定帧图片（建议使用 drawable 资源）。
    • android:duration="100"：每帧持续时间（毫秒）。

  • android:oneshot="false"：是否只播放一次，false 表示无限循环。

2. 在代码中加载帧动画

在 ImageView 上加载帧动画：

ImageView imageView = findViewById(R.id.imageView);
imageView.setBackgroundResource(R.drawable.frame_animation); // 设置帧动画资源// 获取 AnimationDrawable 对象
AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getBackground();
animationDrawable.start(); // 开始播放

📌 动画控制：

animationDrawable.stop();  // 停止动画

3. 在 XML 布局中使用帧动画

在 layout.xml 中：

<ImageViewandroid:id="@+id/imageView"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@drawable/frame_animation"/>

然后在 Java 代码中启动动画：

ImageView imageView = findViewById(R.id.imageView);
AnimationDrawable animation = (AnimationDrawable) imageView.getBackground();
animation.start();

4. 代码动态创建帧动画

除了 XML 方式，也可以在 Java 代码中手动创建：

ImageView imageView = findViewById(R.id.imageView);
AnimationDrawable animationDrawable = new AnimationDrawable();// 添加帧
animationDrawable.addFrame(getResources().getDrawable(R.drawable.frame1), 100);
animationDrawable.addFrame(getResources().getDrawable(R.drawable.frame2), 100);
animationDrawable.addFrame(getResources().getDrawable(R.drawable.frame3), 100);
animationDrawable.addFrame(getResources().getDrawable(R.drawable.frame4), 100);animationDrawable.setOneShot(false); // 是否只播放一次
imageView.setBackground(animationDrawable); // 设置动画
animationDrawable.start(); // 播放动画

📌 动态创建时：

  • addFrame(Drawable drawable, int duration)：添加一帧图片和持续时间。
  • setOneShot(false)：是否循环播放（true 只播放一次）。

5. 停止动画

可以在Activity 生命周期中控制动画：

@Override
protected void onPause() {super.onPause();animationDrawable.stop(); // 避免浪费资源
}

属性动画

1. 基本属性动画：ObjectAnimator

（1）平移动画

ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationX", 0f, 300f);
animator.setDuration(500);
animator.start();
  • “translationX”：X 轴平移。
  • 0f -> 300f：从 0 移动到 300px。
  • setDuration(500)：动画持续 500ms。

（2）透明度动画

ObjectAnimator animator = ObjectAnimator.ofFloat(view, "alpha", 1f, 0f);
animator.setDuration(500);
animator.start();

透明度从 1（完全可见） 变成 0（完全透明）。

（3）旋转动画

ObjectAnimator animator = ObjectAnimator.ofFloat(view, "rotation", 0f, 360f);
animator.setDuration(1000);
animator.start();

“rotation”：围绕 Z 轴旋转 360°。

（4）缩放动画

ObjectAnimator animator = ObjectAnimator.ofFloat(view, "scaleX", 1f, 2f);
animator.setDuration(500);
animator.start();

“scaleX”：X 方向缩放 2 倍。

2. 组合动画：AnimatorSet

多个动画同时执行或依次执行：

ObjectAnimator moveX = ObjectAnimator.ofFloat(view, "translationX", 0f, 300f);
ObjectAnimator fadeOut = ObjectAnimator.ofFloat(view, "alpha", 1f, 0f);AnimatorSet animatorSet = new AnimatorSet();
animatorSet.playTogether(moveX, fadeOut);  // 同时执行
animatorSet.setDuration(1000);
animatorSet.start();

如果想让动画 依次执行：

animatorSet.playSequentially(moveX, fadeOut); // 先平移，再淡出

3. ValueAnimator：更自由的动画

ValueAnimator 主要用于非 View 对象的动画，如颜色变化、数值计算等。

（1）颜色渐变

ValueAnimator animator = ValueAnimator.ofArgb(Color.RED, Color.BLUE);
animator.setDuration(1000);
animator.addUpdateListener(animation -> {int color = (int) animation.getAnimatedValue();view.setBackgroundColor(color);
});
animator.start();

（2）监听动画过程

ValueAnimator animator = ValueAnimator.ofInt(0, 100);
animator.setDuration(1000);
animator.addUpdateListener(animation -> {int value = (int) animation.getAnimatedValue();Log.d("Animation", "当前值：" + value);
});
animator.start();

4. ViewPropertyAnimator（更简洁）

如果只是操作 View（如平移、缩放、透明度），可以用 ViewPropertyAnimator：

view.animate().translationX(300f).alpha(0f).setDuration(1000).start();

这个方式更高效，不需要额外创建 ObjectAnimator 对象。

5. 结合 Interpolator 让动画更丝滑

（1）插值器示例

animator.setInterpolator(new AccelerateDecelerateInterpolator()); // 先加速，后减速
animator.start();

（2）常见插值器

  • AccelerateInterpolator()：加速动画（开始慢 -> 结束快）。
  • DecelerateInterpolator()：减速动画（开始快 -> 结束慢）。
  • BounceInterpolator()：弹跳效果。
  • OvershootInterpolator()：超出一点再回弹。

6. XML 方式定义属性动画

在 res/animator/ 文件夹创建 scale.xml：

<objectAnimatorxmlns:android="http://schemas.android.com/apk/res/android"android:propertyName="scaleX"android:duration="500"android:valueFrom="1.0"android:valueTo="2.0"android:valueType="floatType"/>

然后在代码中使用：

Animator animator = AnimatorInflater.loadAnimator(context, R.animator.scale);
animator.setTarget(view);
animator.start();

已经到底啦！！

版权声明:

本网仅为发布的内容提供存储空间，不对发表、转载的内容提供任何形式的保证。凡本网注明“来源：XXX网络”的作品，均转载自其它媒体，著作权归作者所有，商业转载请联系作者获得授权，非商业转载请注明出处。

我们尊重并感谢每一位作者，均已注明文章来源和作者。如因作品内容、版权或其它问题，请及时与我们联系，联系邮箱：809451989@qq.com，投稿邮箱：809451989@qq.com

最新新闻

热搜词

2025必读：PMBOK更新8大要点与项目管理工具适配 go对接马来西亚金融数据API实战。 企业内训｜大模型/智算行业发展机会深度剖析-某数据中心厂商 Javascript - 3 每日 17 外网如何访问公司内网？内网本地网址设置公网连接的几个常用方案详解

声明：本站所有新闻及新闻图片来源于其他网站，如有侵权，请及时联系我们！

客户服务 | 关于我们 | 版权声明

版权所有：

Copyright 2024 尧图网 All Rights Reserved.QQ:809451989