逐帧动画
1、把图片资源放到 mipmap 文件夹中，在选择文件夹的时候选 mipmap-xxhdpi 文件夹
2、在 drawable 文件夹下创建 animation-list 文件
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@mipmap/a" android:duration="100"/>
<item android:drawable="@mipmap/b" android:duration="100"/>
<item android:drawable="@mipmap/c" android:duration="100"/>
<item android:drawable="@mipmap/d" android:duration="100"/>
<item android:drawable="@mipmap/e" android:duration="100"/>
<item android:drawable="@mipmap/f" android:duration="100"/>
<item android:drawable="@mipmap/g" android:duration="100"/>
<item android:drawable="@mipmap/h" android:duration="100"/>
<item android:drawable="@mipmap/i" android:duration="100"/>
<item android:drawable="@mipmap/j" android:duration="100"/>
<item android:drawable="@mipmap/k" android:duration="100"/>
</animation-list>
3、在 xml 文件中应用 drawable 文件夹下的 xml 文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/anim_frame"/>
</LinearLayout>
4、在 Activity 中
package com.example.anim_frame;
import android.graphics.drawable.AnimationDrawable;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;
public class MainActivity extends AppCompatActivity {
private ImageView image;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView() {
image = (ImageView) findViewById(R.id.image);
AnimationDrawable background = (AnimationDrawable) image.getBackground();
background.start();
}
}
关于解决 Android 帧动画卡顿问题
Android 解决帧动画卡顿问题
补间动画
补间动画.gif
1、在 res 文件夹下创建 anim 文件夹，在 anim 文件夹中创建 xml 文件
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:fromAlpha="1"
android:toAlpha="0" />
<scale
android:fromXScale="1"
android:fromYScale="1"
android:pivotX="0.5"
android:pivotY="0.5"
android:toXScale="0"
android:toYScale="0" />
<translate
android:fromXDelta="1"
android:fromYDelta="1"
android:toXDelta="5"
android:toYDelta="5" />
<rotate
android:fromDegrees="0"
android:pivotX="0.5"
android:pivotY="0.5"
android:toDegrees="360" />
</set>
2、在 xml 文件中
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:gravity="center">
<ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@mipmap/ic_launcher_round"/>
</LinearLayout>
3、在 Activity 中
package com.example.anim_filling;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
public class MainActivity extends AppCompatActivity {
private ImageView image;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView() {
image = (ImageView) findViewById(R.id.image);
Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.anim);
animation.setDuration(5000);
animation.setRepeatCount(-1); // 重复次数，-1 代表无限循环
// 也可以在 anim 的 xml 中设置：android:repeatCount="infinite"
image.setAnimation(animation);
animation.start();
}
}
3、属性动画
属性动画.gif
1、xml 文件中
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20sp"/>
</LinearLayout>
2、Activity 中
package com.example.anim_attribute;
import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.animation.LinearInterpolator;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
private TextView text;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView() {
text = (TextView) findViewById(R.id.text);
ValueAnimator animator = ValueAnimator.ofInt(5, 0);
animator.setDuration(6000);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
int value = (int) animation.getAnimatedValue();
text.setText(value+"");
}
});
animator.start();
ObjectAnimator animator1 = ObjectAnimator.ofFloat(text, "alpha", 1.0f, 0.0f, 1.0f);
animator1.setInterpolator(new LinearInterpolator());
animator1.setDuration(10000);
animator1.start();
}
}
Android自定义控件三部曲文章索引
上面这篇文章强烈推荐
