Android 动画

2401_84148911

于 2024-04-22 05:27:47 发布

阅读量971

点赞数 14

分类专栏：程序员文章标签： android

本文链接：https://blog.csdn.net/2401_84148911/article/details/138055594

版权

程序员专栏收录该内容

145 篇文章 0 订阅

订阅专栏

animSet.start(); //最后记得开始执行动画

}

/**

多个动画一起执行多个动画顺序执行
@param view

public void playWithAfter(View view) {

float cx = mBall.getX(); //获取该mBall的X坐标

ObjectAnimator anim1 = ObjectAnimator.ofFloat(mBall, “alpha”, 1.0f,0.5f); //从1.0不透明到0.5半透明

ObjectAnimator anim2 = ObjectAnimator.ofFloat(mBall, “scaleX”, 1.0f,2.0f); //X比例变到2倍

ObjectAnimator anim3 = ObjectAnimator.ofFloat(mBall, “scaleY”, 1.0f,2.0f);

ObjectAnimator anim4 = ObjectAnimator.ofFloat(mBall, “x”, cx,0f); //x 从当前位置到0

ObjectAnimator anim5 = ObjectAnimator.ofFloat(mBall, “x”, cx); //x 位置到cx 恢复初始位置

AnimatorSet animatorSet = new AnimatorSet();

animatorSet.play(anim1).with(anim2); //anim1-anim4 一起执行

animatorSet.play(anim2).with(anim3);

animatorSet.play(anim3).with(anim4);

animatorSet.play(anim5).after(anim4); //anim5在anim4执行之后才执行

animatorSet.setDuration(1000);

animatorSet.start(); //开始执行

}

1.4 如何使用xml文件来创建属性动画

大家肯定都清楚，View Animator 、Drawable Animator都可以在anim文件夹下创建动画，然后在程序中使用，甚至在Theme中设置为属性值。当然了，属性动画其实也可以在文件中声明：

1.首先在res下建立animator文件夹，然后建立res/animator/scalex.xml

<?xml version="1.0" encoding="utf-8"?>

<objectAnimator xmlns:android=“http://schemas.android.com/apk/res/android”

android:duration=“1000”

android:propertyName=“scaleX”

android:valueFrom=“1.0”

android:valueTo=“2.0”

android:valueType=“floatType” >

2.如果需要一起执行的动画(或者是顺序执行的动画),则需要在res/animator/下建立一个xml文件

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android=“http://schemas.android.com/apk/res/android”

android:ordering=“together” >

<objectAnimator

android:duration=“1000”

android:propertyName=“scaleX”

android:valueFrom=“1.0”

android:valueTo=“2.0”

android:valueType=“floatType” >

<objectAnimator

android:duration=“1000”

android:propertyName=“scaleY”

android:valueFrom=“1.0”

android:valueTo=“2.0”

android:valueType=“floatType” >

3.在java代码中的调用

/**

单独执行一个X的动画
@param view

public void scaleX(View view)

{

// 加载动画

//使用AnimatorInflater加载动画的资源文件，然后设置目标，就ok~~是不是很简单，这只是单纯横向的放大一倍~

Animator anim = AnimatorInflater.loadAnimator(this, R.animator.scalex);

anim.setTarget(mBall); //目标

anim.start(); //开始执行动画

}

/**

一起执行的动画
@param view

public void together(View view) {

//加载动画

Animator animator = AnimatorInflater.loadAnimator(this, R.animator.scalex_and_y);

//缩放、反转等都有中心点或者轴，默认中心缩放，和中间对称线为反转线，所以我决定这个横向，纵向缩小以左上角为中心点：

//设置旋转和缩放视图的点的x位置。默认情况下，枢轴点以对象为中心。设置此属性将禁用此行为，并导致视图仅使用显式设置的pivotX和pivotY值。

//很简单，直接给View设置pivotX和pivotY，然后调用一下invalidate，就ok了。

mBall.setPivotX(0);

mBall.setPivotY(0);

mBall.invalidate(); //显示地调用invalidate

animator.setTarget(mBall); //设置目标

animator.start(); //设置动画开始执行

}

通过写xml声明动画，使用set嵌套set，结合orderring属性，也基本可以实现任何动画~~上面也演示了pivot的设置。

1.5布局动画(Layout Animations)

在Android中，最简单的动画就是补间动画了。通过补间动画，可以对一个控件进行位移、缩放、旋转、改变透明度等动画。但是补间动画只能对一个控件使用，如果要对某一组控件播放一样的动画的话，可以考虑layout-animation。

LayoutAnimationController用于为一个layout里面的控件，或者是一个ViewGroup里面的控件设置动画效果，可以在XML文件中设置，亦可以在Java代码中设置。

主要使用LayoutTransition为布局的容器设置动画，当容器中的视图层次发生变化时存在过渡的动画效果。

过渡的类型一共有四种：

LayoutTransition.APPEARING 当一个View在ViewGroup中出现时，对此View设置的动画
LayoutTransition.CHANGE_APPEARING 当一个View在ViewGroup中出现时，对此View对其他View位置造成影响，对其他View设置的动画
LayoutTransition.DISAPPEARING 当一个View在ViewGroup中消失时，对此View设置的动画
LayoutTransition.CHANGE_DISAPPEARING 当一个View在ViewGroup中消失时，对此View对其他View位置造成影响，对其他View设置的动画
LayoutTransition.CHANGE 不是由于View出现或消失造成对其他View位置造成影响，然后对其他View设置的动画。

注意动画到底设置在谁身上，此View还是其他View。

1.布局文件

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:tools=“http://schemas.android.com/tools”

android:id=“@+id/id_container”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical” >

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:onClick=“addBtn”

android:text=“addBtns” />

<CheckBox

android:id=“@+id/id_appear”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:checked=“true”

android:text=“APPEARING” />

<CheckBox

android:id=“@+id/id_change_appear”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:checked=“true”

android:text=“CHANGE_APPEARING” />

<CheckBox

android:id=“@+id/id_disappear”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:checked=“true”

android:text=“DISAPPEARING” />

<CheckBox

android:id=“@+id/id_change_disappear”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:checked=“true”

android:text="CHANGE_DISAPPEARING " />

2.代码

public class MainActivity extends Activity implements OnCheckedChangeListener {

/**

这是最外层的LinearLayout

private ViewGroup viewGroup;

private GridLayout mGridLayout;

private int mVal;

private LayoutTransition mTransition;

private CheckBox mAppear, mChangeAppear, mDisAppear, mChangeDisAppear;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

viewGroup = (ViewGroup) findViewById(R.id.id_container);

mAppear = (CheckBox) findViewById(R.id.id_appear);

mChangeAppear = (CheckBox) findViewById(R.id.id_change_appear);

mDisAppear = (CheckBox) findViewById(R.id.id_disappear);

mChangeDisAppear = (CheckBox) findViewById(R.id.id_change_disappear);

mAppear.setOnCheckedChangeListener(this);

mChangeAppear.setOnCheckedChangeListener(this);

mDisAppear.setOnCheckedChangeListener(this);

mChangeDisAppear.setOnCheckedChangeListener(this);

// 创建一个GridLayout

mGridLayout = new GridLayout(this);

// 设置每列5个按钮

mGridLayout.setColumnCount(5);

// 添加到布局中

viewGroup.addView(mGridLayout);

// 默认动画全部开启

mTransition = new LayoutTransition();

mGridLayout.setLayoutTransition(mTransition);

}

/**

添加按钮
@param view

public void addBtn(View view) {

// 新建一个Button并添加到GridLayout中,添加到第二个按钮的位置

final Button button = new Button(this);

button.setText((++mVal) + “”);

mGridLayout.addView(button, Math.min(1, mGridLayout.getChildCount()));

// 给按钮设置点击事件,点击则移除

button.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

mGridLayout.removeView(button);

}

});

}

/**

如果复选框状态发生改变则重新设置LayoutTransition

@Override

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

mTransition = new LayoutTransition(); //重新new一个LayoutTransition

//当一个View在ViewGroup中出现时，对此View设置的动画

mTransition.setAnimator(

LayoutTransition.APPEARING,

(mAppear.isChecked() ? mTransition

.getAnimator(LayoutTransition.APPEARING) : null));

//当一个View在ViewGroup中出现时，对此View对其他View位置造成影响，对其他View设置的动画

mTransition

.setAnimator(

LayoutTransition.CHANGE_APPEARING,

(mChangeAppear.isChecked() ? mTransition

.getAnimator(LayoutTransition.CHANGE_APPEARING)

null));

//当一个View在ViewGroup中消失时，对此View设置的动画

mTransition.setAnimator(

LayoutTransition.DISAPPEARING,

(mDisAppear.isChecked() ? mTransition

.getAnimator(LayoutTransition.DISAPPEARING) : null));

//当一个View在ViewGroup中消失时，对此View对其他View位置造成影响，对其他View设置的动画

mTransition.setAnimator(

LayoutTransition.CHANGE_DISAPPEARING,

(mChangeDisAppear.isChecked() ? mTransition

.getAnimator(LayoutTransition.CHANGE_DISAPPEARING)

null));

当然了动画支持自定义，还支持设置时间，比如我们修改下，添加的动画为：
mTransition.setAnimator(LayoutTransition.APPEARING, (mAppear

.isChecked() ? ObjectAnimator.ofFloat(this, “scaleX”, 0, 1)

null));

mGridLayout.setLayoutTransition(mTransition); //重新设置LayoutTransition

}

1.6 View的anim方法

在SDK11的时候，给View添加了animate方法，更加方便的实现动画效果。

1.布局文件：

<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:tools=“http://schemas.android.com/tools”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

<ImageView

android:id=“@+id/id_ball”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:src=“@drawable/ball” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_alignParentBottom=“true”

android:orientation=“horizontal” >

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:onClick=“viewAnim”

android:text=“View Anim” />

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:onClick=“propertyValuesHolder”

android:text="PropertyValuesHolder " />

代码:

public class MainActivity extends Activity {

protected static final String TAG = “MainActivity”;

private ImageView mBall;

private float mScreenHeight;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

DisplayMetrics outMetrics = new DisplayMetrics();

getWindowManager().getDefaultDisplay().getMetrics(outMetrics);

mScreenHeight = outMetrics.heightPixels;

mBall = (ImageView) findViewById(R.id.id_ball);

}

/**

用View的animate()方法实现图片的简单下落

public void viewAnim(View view) {

// 简单的使用mBlueBall.animate().alpha(0).y(mScreenHeight /

// 2).setDuration(1000).start()就能实现动画~~不过需要SDK11，

// 此后在SDK12，SDK16又分别添加了withStartAction和withEndAction用于在动画前

// ，和动画后执行一些操作。当然也可以.setListener(listener)等操作。

mBall.animate().alpha(0) // 设置透明的逐渐减为0

.y(mScreenHeight / 2).setDuration(1000) // 设置它的y坐标一直从0增大刀屏幕高度的一半

// 时间是1秒

.withStartAction(new Runnable() {

@Override

public void run() {

Log.d(“xfhy”, “START”);

}

}).withEndAction(new Runnable() { // 结束时

@Override

public void run() {

Log.d(“xfhy”, “END”);

runOnUiThread(new Runnable() {

@Override

public void run() { // 结束时将Y的坐标设置为0,并且将透明的设置为1

mBall.setY(0);

mBall.setAlpha(1.0f);

}

});

}

}).start(); // 最后记得开始执行动画

}

/**

使用ObjectAnimator实现上面的变化，我们可以使用：PropertyValueHolder

public void propertyValuesHolder(View view) {

//搞一个PropertyValuesHolder实例

PropertyValuesHolder pvh1 = PropertyValuesHolder.ofFloat(“alpha”, 1.0f,0f,1.0f); //透明度:1->0->1

PropertyValuesHolder pvh2 = PropertyValuesHolder.ofFloat(“y”, 0,mScreenHeight/2,0); //y值:0->下降->0

//设置动画

ObjectAnimator.ofPropertyValuesHolder(mBall,pvh1,pvh2).setDuration(2000).start();

}

2. 补间动画

========

透明

//1.0意味着着完全不透明 0.0意味着完全透明

AlphaAnimation aa = new AlphaAnimation(1.0f, 0.0f);

aa.setDuration(2000); //设置动画执行的时间

aa.setRepeatCount(1); //设置重复的次数

aa.setRepeatMode(Animation.REVERSE);//设置动画执行的模式

//iv开始执行动画

iv.startAnimation(aa);

旋转

//fromDegrees 开始角度 toDegrees 结束角度

// RotateAnimation ra = new RotateAnimation(0, 360);

RotateAnimation ra = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

ra.setDuration(2000); //设置动画执行的时间

ra.setRepeatCount(1); //设置重复的次数

ra.setRepeatMode(Animation.REVERSE);//设置动画执行的模式

//iv开始执行动画

iv.startAnimation(ra);

缩放

ScaleAnimation sa = new ScaleAnimation(1.0f,2.0f, 1.0f, 2.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

sa.setDuration(2000); //设置动画执行的时间

sa.setRepeatCount(1); //设置重复的次数

sa.setRepeatMode(Animation.REVERSE);//设置动画执行的模式

//iv开始执行动画

iv.startAnimation(sa);

位移

TranslateAnimation ta = new TranslateAnimation

(Animation.RELATIVE_TO_PARENT, 0,

Animation.RELATIVE_TO_PARENT, 0,

Animation.RELATIVE_TO_PARENT, 0.2f);

ta.setDuration(2000); //设置动画执行的时间

ta.setFillAfter(true);//当动画结束后动画停留在结束位置

//开始动画

iv.startAnimation(ta);

总结:补间动画不会改变控件真实的坐标

3.帧动画(Frame animation)

======================

用来播放gif的,类似,一帧一帧的播放动画.

1.girl_anim.xml

<?xml version="1.0" encoding="utf-8"?>

<animation-list xmlns:android=“http://schemas.android.com/apk/res/android”

android:oneshot=“true” >

**自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

结尾

我还总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案，并整理做成了文档，以及系统的进阶学习视频资料分享给大家。
（包括Java在Android开发中应用、APP框架知识体系、高级UI、全方位性能调优，NDK开发，音视频技术，人工智能技术，跨平台技术等技术资料），希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

droid工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**

[外链图片转存中…(img-VppdRWAo-1713734839329)]

[外链图片转存中…(img-mDSMrirP-1713734839330)]

[外链图片转存中…(img-qMZEXhPx-1713734839331)]

[外链图片转存中…(img-AXRoW9KV-1713734839333)]

[外链图片转存中…(img-I9W2hYvW-1713734839333)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

[外链图片转存中…(img-pxiSKtlO-1713734839335)]

结尾

[外链图片转存中…(img-Um5tbPZu-1713734839336)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

2401_84148911

关注

14
点赞
踩
30

收藏

觉得还不错? 一键收藏
0
评论
Android 动画

3.帧动画(Frame animation)用来播放gif的,类似,一帧一帧的播放动画.android:oneshot="true"表示一直重复android:duration="200" 时间**自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**
复制链接

扫一扫