魔乐科技安卓开发教程----李兴华----10动画

最新推荐文章于 2020-08-29 17:58:31 发布
最新推荐文章于 2020-08-29 17:58:31 发布
阅读量125 收藏
点赞数
分类专栏： Andorid学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43745804/article/details/104998869
版权
1.渐变动画TweenAnimation

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.创建透明度变化

1、主布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/imgshow"
        android:src="@drawable/logo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

2、activity文件

public class MainActivity extends AppCompatActivity {
    private ImageView imgshow=null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imgshow=findViewById(R.id.imgshow);
        imgshow.setOnClickListener(new OnclickListenerImpl());
    }

    private class OnclickListenerImpl implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            AnimationSet set=new AnimationSet(true);
            AlphaAnimation alphaAnimation=new AlphaAnimation(1,0);//从完全显示到完全透明
            alphaAnimation.setDuration(2000);//2秒内完成
            set.addAnimation(alphaAnimation);
           MainActivity.this.imgshow.startAnimation(set);

        }
    }
}

结果：完成透明过度

3.创建缩放变化

以上例为基础，修改onClick事件代码

AnimationSet set=new AnimationSet(true);
            ScaleAnimation scaleAnimation=new ScaleAnimation(1,0.0f,1,0.0f,
                    AnimationSet.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
            scaleAnimation.setDuration(2000);//2秒内完成
            set.addAnimation(scaleAnimation);
            MainActivity.this.imgshow.startAnimation(set);

结果：
完成缩放

4.平移的变化

以上例为基础，修改onClick事件代码


```java
private class OnclickListenerImpl implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            AnimationSet set=new AnimationSet(true);
            TranslateAnimation translateAnimation=new TranslateAnimation(Animation.RELATIVE_TO_SELF,0.0f,
                    Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.0f,Animation.RELATIVE_TO_SELF,1.5f);
            translateAnimation.setDuration(2000);//2秒内完成
            set.addAnimation(translateAnimation);
            imgshow.startAnimation(set);
        }
    }

结果：
完成移动

4.旋转的变化
private class OnclickListenerImpl implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            AnimationSet set=new AnimationSet(true);
            RotateAnimation translateAnimation=new RotateAnimation(0,360,
                    Animation.RELATIVE_TO_SELF,0.5f,
                    Animation.RELATIVE_TO_SELF,0.0f);
            translateAnimation.setDuration(2000);//2秒内完成
            set.addAnimation(translateAnimation);
            imgshow.startAnimation(set);
        }
    }

结果：
完成旋转

5.旋转加缩放的变化
 private class OnclickListenerImpl implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            AnimationSet set=new AnimationSet(true);
            RotateAnimation translateAnimation=new RotateAnimation(0,360,
                    Animation.RELATIVE_TO_SELF,0.5f,
                    Animation.RELATIVE_TO_SELF,0.0f);
            ScaleAnimation scaleAnimation=new ScaleAnimation(1,0.0f,1,0.0f,
                    AnimationSet.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
            set.setDuration(2000);//2秒内完成
            set.addAnimation(translateAnimation);
            set.setRepeatCount(3);//重复三次
            set.addAnimation(scaleAnimation);
            imgshow.startAnimation(set);
        }
    }

结果：
完成旋转和缩放的叠加，但重复未实现

6.interpolator定义动画速率

其实就是加减速的问题，只需要在设置动画集合的时候设置即可
在这里插入图片描述

7.interpolator设置加速度
private class OnclickListenerImpl implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            AnimationSet set=new AnimationSet(true);
            RotateAnimation translateAnimation=new RotateAnimation(0,360,
                    Animation.RELATIVE_TO_SELF,0.5f,
                    Animation.RELATIVE_TO_SELF,0.0f);
            ScaleAnimation scaleAnimation=new ScaleAnimation(1,0.0f,1,0.0f,
                    AnimationSet.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
            set.setRepeatCount(3);//重复三次
            set.setDuration(5000);//5秒内完成
            set.addAnimation(translateAnimation);//增加动画
            set.addAnimation(scaleAnimation);
            set.setInterpolator(new AccelerateInterpolator());//设置动画速率为加速度

            imgshow.startAnimation(set);
        }
    }

结果：
完成旋转和缩放的加速度先慢后快

8.动画监听器：AnimationListener

在这里插入图片描述
1、布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/group"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/imgshow"
        android:src="@drawable/logo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

2、activity文件

public class MainActivity extends AppCompatActivity {
    private ImageView imgshow=null;
    private ViewGroup group=null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imgshow=findViewById(R.id.imgshow);
        group=findViewById(R.id.group);

        AnimationSet set=new AnimationSet(true);
        RotateAnimation translateAnimation=new RotateAnimation(0,360,
                Animation.RELATIVE_TO_SELF,0.5f,
                Animation.RELATIVE_TO_SELF,0.0f);
        set.setDuration(3000);//3秒内完成
        set.addAnimation(translateAnimation);//增加动画
        set.setAnimationListener(new AnimationListenrImpl());//这个是在set动画对象上调用的而不是在图像统建上调用
        imgshow.startAnimation(set);

    }

    private class AnimationListenrImpl implements Animation.AnimationListener {//实现的事动画监听接口
        @Override
        public void onAnimationStart(Animation animation) {
            if (animation instanceof AnimationSet){
                AnimationSet set= (AnimationSet) animation;
                AlphaAnimation alphaAnimation=new AlphaAnimation(1,0);
                alphaAnimation.setDuration(3000);
                set.addAnimation(alphaAnimation);
            }
        }

        @Override
        public void onAnimationEnd(Animation animation) {
            group.removeView(imgshow);
        }

        @Override
        public void onAnimationRepeat(Animation animation) {

        }
    }
}

结果是：实现动画，并在动画结束后移除动画

9.通过XML设置动画（必然是首选）

在这里插入图片描述
在这里插入图片描述

10.通过XML设置alpha动画

1、在xml中配置动画各种属性
创建alpha.xml

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.0"
        android:duration="3000"/>
</set>

2、创建布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/group"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/imgshow"
        android:src="@drawable/logo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

3、使用AnimationUtil类读取动画配置

public class MainActivity extends AppCompatActivity {
    private ImageView imgshow=null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imgshow=findViewById(R.id.imgshow);
        imgshow.setOnClickListener(new OnclickListenerImpl());
    }

    private class OnclickListenerImpl implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            Animation animation= AnimationUtils.loadAnimation(MainActivity.this,R.anim.alpha);
            imgshow.startAnimation(animation);

        }
    }
}

结果：实现动画效果

11.通过XML设置scale动画

1、创建scale.xml

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:fromXScale="1.0"
        android:toXScale="0.0"
        android:fromYScale="1.0"
        android:toYScale="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:startOffset="100"
        android:repeatCount="3"
        android:duration="3000"/>
</set>

2、activity文件

public class MainActivity extends AppCompatActivity {
    private ImageView imgshow=null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imgshow=findViewById(R.id.imgshow);
        imgshow.setOnClickListener(new OnclickListenerImpl());
    }

    private class OnclickListenerImpl implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            Animation animation= AnimationUtils.loadAnimation(MainActivity.this,R.anim.scale);
            imgshow.startAnimation(animation);

        }
    }
}
12.通过XML设置tanslate动画

1、创建translate.xml

<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
    android:fromXDelta="0.0"
    android:toXDelta="50%"
    android:fromYDelta="0.0"
    android:toYDelta="150%"
    android:duration="3000"/>
</set>

2、activity文件

public class MainActivity extends AppCompatActivity {
    private ImageView imgshow=null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imgshow=findViewById(R.id.imgshow);
        imgshow.setOnClickListener(new OnclickListenerImpl());
    }

    private class OnclickListenerImpl implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            Animation animation= AnimationUtils.loadAnimation(MainActivity.this,R.anim.scale);
            imgshow.startAnimation(animation);

        }
    }
}

结果：
实现动画效果

13.通过XML设置rotate动画

1、创建rotate.xml

<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
    android:fromXDelta="0.0"
    android:toXDelta="50%"
    android:fromYDelta="0.0"
    android:toYDelta="150%"
    android:duration="3000"/>
</set>

2、activity文件

public class MainActivity extends AppCompatActivity {
    private ImageView imgshow=null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imgshow=findViewById(R.id.imgshow);
        imgshow.setOnClickListener(new OnclickListenerImpl());
    }

    private class OnclickListenerImpl implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            Animation animation= AnimationUtils.loadAnimation(MainActivity.this,R.anim.rotate);
            imgshow.startAnimation(animation);

        }
    }
}

结果：
实现动画效果

13.通过XML设置动画叠加（旋转加位移）

实际上就是在set节点上添加多个动画效果

1、创建all.xml

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <rotate
        android:fromDegrees="0.0"
        android:toDegrees="360"
        android:pivotX="50%p"
        android:pivotY="0"
        android:duration="3000"/>
    <translate
        android:fromXDelta="0.0"
        android:toXDelta="50%"
        android:fromYDelta="0.0"
        android:toYDelta="150%"
        android:duration="3000"/>
</set>

2、activity文件

public class MainActivity extends AppCompatActivity {
    private ImageView imgshow=null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imgshow=findViewById(R.id.imgshow);
        imgshow.setOnClickListener(new OnclickListenerImpl());
    }

    private class OnclickListenerImpl implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            Animation animation= AnimationUtils.loadAnimation(MainActivity.this,R.anim.all);
            imgshow.startAnimation(animation);

        }
    }
}

结果：
实现动画效果

14.通过XML设置动画速率（针对全部动画）

1、创建all.xml

<set xmlns:android="http://schemas.android.com/apk/res/android"
	android:interpolator="acclerate_interprolator"
    android:shareInterpolator="true" >
    <rotate
        android:fromDegrees="0.0"
        android:toDegrees="360"
        android:pivotX="50%p"
        android:pivotY="0"
        android:duration="3000"/>
    <translate
        android:fromXDelta="0.0"
        android:toXDelta="50%"
        android:fromYDelta="0.0"
        android:toYDelta="150%"
        android:duration="3000"/>
</set>

2、activity文件

public class MainActivity extends AppCompatActivity {
    private ImageView imgshow=null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imgshow=findViewById(R.id.imgshow);
        imgshow.setOnClickListener(new OnclickListenerImpl());
    }

    private class OnclickListenerImpl implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            Animation animation= AnimationUtils.loadAnimation(MainActivity.this,R.anim.all);
            imgshow.startAnimation(animation);

        }
    }
}

结果：
实现动画效果

15.FrameAnimation帧动画

在这里插入图片描述

1、定义动画的配置文件，放在drawable文件夹下，里面有15张图片

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="true">
    <item android:drawable="@drawable/banana01" android:duration="100"/>
    <item android:drawable="@drawable/banana02" android:duration="100"/>
    <item android:drawable="@drawable/banana03" android:duration="100"/>
    <item android:drawable="@drawable/banana04" android:duration="100"/>
    <item android:drawable="@drawable/banana05" android:duration="100"/>
    <item android:drawable="@drawable/banana06" android:duration="100"/>
    <item android:drawable="@drawable/banana07" android:duration="100"/>
    <item android:drawable="@drawable/banana08" android:duration="100"/>
    <item android:drawable="@drawable/banana09" android:duration="100"/>
    <item android:drawable="@drawable/banana10" android:duration="100"/>
    <item android:drawable="@drawable/banana11" android:duration="100"/>
    <item android:drawable="@drawable/banana12" android:duration="100"/>
    <item android:drawable="@drawable/banana13" android:duration="100"/>
    <item android:drawable="@drawable/banana14" android:duration="100"/>
    <item android:drawable="@drawable/banana15" android:duration="100"/>
</animation-list>

2、定义布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/group"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/face"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <Button
        android:id="@+id/start"
        android:text="start animation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</LinearLayout>

3、activity文件

public class MainActivity extends AppCompatActivity {
    private ImageView face=null;
    private Button startAnimation=null;
    private AnimationDrawable animationDrawable = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        face=findViewById(R.id.face);
        startAnimation=findViewById(R.id.start);
        startAnimation.setOnClickListener(new OnclickListenerImpl());
    }

    private class OnclickListenerImpl implements View.OnClickListener {
        @Override
        public void onClick(View v) {
            face.setBackgroundResource(R.drawable.allface);
            animationDrawable= (AnimationDrawable) face.getBackground();
            animationDrawable.setOneShot(false);//是否只播1次
            animationDrawable.start();
        }
    }
}

结果：
实现15张图依次播放效果

16.组件上使用动画（LayoutAnimationController组件）

在这里插入图片描述
不看了

心湖中的石子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android开发实战经典(名师讲坛) 李兴华
11-29
Android开发实战经典(名师讲坛) 李兴华 pdf版，入门书籍
魔乐科技李兴华java笔记从实战到精通合集
07-21
魔乐科技资深讲师李兴华老师现身说法，讲述如何从java基础到java实战。
魔乐科技安卓开发教程----李兴华----06PendingIntent
weixin_43745804的博客
03-19 138
1.intent和PendingIntent的区别 intent表示执行某种意图 pendingIntent表示暂缓执行某种意图，直到遇到特殊条件才执行 2.发送通知：Notification 参考文章 Notification表示的事一种提示用户操作的组件（就是滑屏下拉的通知） public class MainActivity extends AppCompatActivity { ...
魔乐科技MLDN_android开发实战经典_李兴华_视频下载汇总
热门推荐
Android开发积累
09-13 1万+
视频下载：http://jiyanet.com/read.php?tid=596 视频目录
Oracle视频教程-魔乐李兴华自学数据库教程【58集】
07-23
教程名称：Oracle 视频教程-魔乐李兴华自学数据库教程【58集】教程目录：【】2011版魔乐MLDN李兴华主讲_1-Oracle简介【】2011版魔乐MLDN李兴华主讲_2-Oracle安装【】2011版魔乐MLDN李兴华主讲_3-Oracle卸载和配置...
李兴华-零基础学Java视频教程
07-22
资源名称：李兴华-零基础学Java视频教程资源目录：【】beb0947865854748ff69742fa38028eb【】de35d41e7391bfb74fb4d3fd4478596f【】[魔乐科技][李兴华-零基础学Java].01-Java介绍及JDK配置.rar【】[魔乐科技][李兴华...
JAVA英文单词-李兴华.pdf
11-18
JAVA英文单词-李兴华.pdf
MLDN-魔乐科技李兴华Oracle教程学习笔记.docx
04-26
Oracle 数据类型和表操作详解 Oracle 数据类型是指在 Oracle 中用于存储不同类型数据的格式。根据提供的内容，Oracle 中的数据类型包括： 1. 字符串：Varchar2(n)，表示该字符串所能储存的最大长度为 n。...
魔乐科技Oracle笔记(超经典)-李兴华.pdf
最新发布
11-28
魔乐科技Oracle笔记(超经典)-李兴华.pdf
魔乐科技安卓开发教程----李兴华----05Service
weixin_43745804的博客
03-18 130
1.开启、终止服务 1、布局文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <Button an...
魔乐科技安卓开发教程----李兴华----08APPWidget
weixin_43745804的博客
03-20 129
1.认识Widget 通过桌面的一些软件窗口实现对程序得控制，需要使用的类 RemotView 2.创建一个Widget 1、创建一个类，继承自AppWidgetProvider public class MyAppWidget extends AppWidgetProvider { @Override public void onUpdate(Context context...
个人珍藏的MLDN李兴华J2EE视频教程(纳米盘下载)
Lam Peter's blog
04-20 1603
1-JSP_JDBC_假分页.rar [url]http://www.namipan.com/d/30228e1349234e8bfd9de9a34dee7ae5df5919d3b27c4902[/url] 2-JSP_JDBC_真分页(基于MySQL数据库) [url]http://www.namipan.com/d/3ca28ac94a835c2d127ee7e18f9ab40c62...
01500105_MLDN-魔乐科技-李兴华【Java核心技术】_JDBC连接Oracle数据库
linuxarmsummary的专栏
12-04 1177
1、课程名称   JDBC连接Oracle数据库 3、视频下载   http://pan.baidu.com/s/1mgJsru4   4、笔记内容   本次要连接的是Oracle数据库，所以必须首先启动Oracle的两个重要服务（监听、实例服务），随后还需要配置Oracle数据库的驱动程序。Oracle和DB2的驱
黑马Android76期学习笔记01基础--day09--ContentProvider、内容解析者，内容观察者
weixin_43745804的博客
08-25 836
1.进程的基本概念
黑马Android76期学习笔记--02手机安全卫士--day01-分包、版本、去标题头、获取版本号，流转字符串、网络上获取json文件，导入开源库，生成apk文件
weixin_43745804的博客
08-29 524
1.fragment入门
黑马Android76期学习笔记01基础--day03--数据库的创建、数据的增删改查、事务、ListView，arrayAdapter，完整地从数据库取值到listView
weixin_43745804的博客
08-17 368
1.数据库的创建 步骤 定义一个类继承sqliteOpenHelper 在构造方法中创建数据库对象 创建这个类的实例（传入当前的context对象） 执行数据库的创建操作getWritableDatabase() 1、创建继承自sqliteOpenHelper的MyOpenHelper类 import android.content.Context; import android.database.sqlite.SQLiteDatabase; import android.database.sqlite
极客学院Android12案例---案例2--通讯录
weixin_43745804的博客
08-11 359
1.通讯录 通讯录以数据库的形式存储在手机中 ContactsContract.CommonDataKinds.Phone.NUMBER和ContactsContract.CommonDataKinds.Phone.DISPLAY_NAME分别是字段名 Manifest文件中写入权限 在主activity中请求权限 获取请求权限后接受onRequestPermissionsResult回调，来进行业务逻辑 需要在 1、创建业务逻辑类GetNumber package com.fengray.ex039c
慕课大学基于Android P 的移动应用开发之第五章Activity
weixin_43745804的博客
01-17 290
1.使用Uri及Intent打开一个Activity public class MainActivity extends AppCompatActivity { private Button mybut; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreat...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值