Android之动画效果

最新推荐文章于 2017-09-06 11:25:40 发布
最新推荐文章于 2017-09-06 11:25:40 发布
阅读量298 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenwewei/article/details/52080909
版权

各种绚丽的动画效果，为你的App锦上添花吧

首先贴出Activity代码：

MainAcivity代码：

package com.example.thirdty_animation_android;

import android.app.Activity;
import android.content.Intent;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.AnimationUtils;
import android.view.animation.TranslateAnimation;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends Activity implements OnClickListener {

	private ImageView image;
	private Button scale;
	private Button rotate;
	private Button translate;
	private Button mix;
	private Button alpha;
	private Button continue_btn;
	private Button continue_btn2;
	private Button flash;
	private Button move;
	private Button change;
	private Button layout;
	private Button frame;

	private AnimationDrawable animationDrawable1;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		image = (ImageView) findViewById(R.id.image);
		scale = (Button) findViewById(R.id.scale);
		rotate = (Button) findViewById(R.id.rotate);
		translate = (Button) findViewById(R.id.translate);
		alpha = (Button) findViewById(R.id.alpha);
		continue_btn = (Button) findViewById(R.id.continue_btn);
		continue_btn2 = (Button) findViewById(R.id.continue_btn2);
		flash = (Button) findViewById(R.id.flash);
		move = (Button) findViewById(R.id.move);
		change=(Button) findViewById(R.id.change);
		layout=(Button) findViewById(R.id.layout);
		frame=(Button) findViewById(R.id.frame);
		scale.setOnClickListener(this);
		rotate.setOnClickListener(this);
		translate.setOnClickListener(this);
		alpha.setOnClickListener(this);
		continue_btn.setOnClickListener(this);
		continue_btn2.setOnClickListener(this);
		flash.setOnClickListener(this);
		move.setOnClickListener(this);
		change.setOnClickListener(this);
		layout.setOnClickListener(this);
		frame.setOnClickListener(this);
	}

	@Override
	public void onClick(View view) {
		// TODO Auto-generated method stub
		Animation loadAnimation;
		switch (view.getId()) {
		case R.id.scale: {
			loadAnimation = AnimationUtils.loadAnimation(this, R.anim.scale);
			image.startAnimation(loadAnimation);
			break;
		}

		case R.id.rotate: {
			loadAnimation = AnimationUtils.loadAnimation(this, R.anim.rotate);
			image.startAnimation(loadAnimation);
			break;
		}

		case R.id.translate: {

			loadAnimation = AnimationUtils.loadAnimation(this, R.anim.translate);
			image.startAnimation(loadAnimation);
			break;
		}

		case R.id.continue_btn: {
			loadAnimation = AnimationUtils.loadAnimation(this, R.anim.translate);
			image.startAnimation(loadAnimation);
			final Animation loadAnimation2 = AnimationUtils.loadAnimation(this,R.anim.rotate);
			loadAnimation.setAnimationListener(new AnimationListener() {

				//开始
				@Override
				public void onAnimationStart(Animation arg0) {
					// TODO Auto-generated method stub

				}
				//重复
				@Override
				public void onAnimationRepeat(Animation arg0) {
					// TODO Auto-generated method stub

				}
				//结束
				@Override
				public void onAnimationEnd(Animation arg0) {
					// TODO Auto-generated method stub
					image.startAnimation(loadAnimation2);
				}
			});
			break;
		}

		case R.id.continue_btn2: {
			loadAnimation = AnimationUtils.loadAnimation(this,R.anim.continue_anim);
			image.startAnimation(loadAnimation);
			break;
		}

		case R.id.alpha: {		
			loadAnimation = AnimationUtils.loadAnimation(this, R.anim.alpha);
			image.startAnimation(loadAnimation);
			break;
		}

		case R.id.move: {
			TranslateAnimation translate = new TranslateAnimation(-50, 50,
					0, 0);
			translate.setDuration(1000);
			translate.setRepeatCount(Animation.INFINITE);
			translate.setRepeatMode(Animation.REVERSE);
			image.startAnimation(translate);

			break;
		}

		case R.id.flash: {

			AlphaAnimation alphaAnimation = new AlphaAnimation(0.1f, 1.0f);
			alphaAnimation.setDuration(100);
			alphaAnimation.setRepeatCount(10);
			//倒序重复REVERSE  正序重复RESTART
			alphaAnimation.setRepeatMode(Animation.REVERSE);
			image.startAnimation(alphaAnimation);

			break;
		}
		
		case R.id.change:
		{
			Intent intent=new Intent(MainActivity.this,MainActivity2.class);
			startActivity(intent);
			overridePendingTransition(R.anim.zoom_in,R.anim.zoom_out);
			break;
		}
		
		case R.id.layout:
		{
			Intent intent=new Intent(MainActivity.this,ListActivity.class);
			startActivity(intent);
			break;
		}
		
		case R.id.frame:
		{
			image.setImageResource(R.drawable.anim_list);
			animationDrawable1 = (AnimationDrawable) image.getDrawable();
			animationDrawable1.start();
			break;
		}
		}
	}

}
跳转动画，Activity页面切换，第二个MainActivity代码： 

package com.example.thirdty_animation_android;

import android.app.Activity;
import android.os.Bundle;

public class MainActivity2 extends Activity{

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main2);
	}
	
}

ListView动画演示，需要一个ListActivity布局，代码如下： 

package com.example.thirdty_animation_android;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.view.animation.AnimationUtils;
import android.view.animation.LayoutAnimationController;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class ListActivity extends Activity{
	
	private ListView listView;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.list_layout);
		listView=(ListView) findViewById(R.id.listView);
		List<String>list=new ArrayList<String>();
		for(int i=0;i<20;i++)
		{
			list.add("慕课网"+i);
		}
		ArrayAdapter<String>adapter=new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, list);
	    listView.setAdapter(adapter);
	    LayoutAnimationController lac=new LayoutAnimationController(AnimationUtils.loadAnimation(this, R.anim.zoom_in));
	    lac.setOrder(LayoutAnimationController.ORDER_NORMAL);
	    listView.setLayoutAnimation(lac);
	    listView.startLayoutAnimation();
	}

}

接下来是xml文件，不再以一一叙述，请自己理解：

main.xml对应MainActivity布局：

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:orientation="vertical" >

        <Button
            android:id="@+id/scale"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="5dp"
            android:paddingBottom="5dp"
            android:paddingTop="5sp"
            android:text="ScaleAnimation(缩放动画)" />

        <Button
            android:id="@+id/alpha"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="5dp"
            android:paddingBottom="5dp"
            android:paddingTop="5sp"
            android:text="AlphaAnimation（透明度动画）" />

        <Button
            android:id="@+id/rotate"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="5dp"
            android:paddingBottom="5dp"
            android:paddingTop="5sp"
            android:text="RotateAnimation（旋转动画）" />

        <Button
            android:id="@+id/translate"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="5dp"
            android:paddingBottom="5dp"
            android:paddingTop="5sp"
            android:text="TranslateAnimation（位移动画）" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:orientation="horizontal" >

            <Button
                android:id="@+id/continue_btn"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="5dp"
                android:paddingBottom="5dp"
                android:paddingTop="5sp"
                android:text="续播1" />

            <Button
                android:id="@+id/continue_btn2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="5dp"
                android:paddingBottom="5dp"
                android:paddingTop="5sp"
                android:text="续播2" />

            <Button
                android:id="@+id/flash"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="5dp"
                android:paddingBottom="5dp"
                android:paddingTop="5sp"
                android:text="闪烁" />

            <Button
                android:id="@+id/move"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="5dp"
                android:paddingBottom="5dp"
                android:paddingTop="5sp"
                android:text="抖动" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:orientation="horizontal" >

            <Button
                android:id="@+id/change"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="5dp"
                android:paddingBottom="5dp"
                android:paddingTop="5sp"
                android:text="切换动画" />

            <Button
                android:id="@+id/layout"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="5dp"
                android:paddingBottom="5dp"
                android:paddingTop="5sp"
                android:text="布局动画" />

            <Button
                android:id="@+id/frame"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="5dp"
                android:paddingBottom="5dp"
                android:paddingTop="5sp"
                android:text="逐帧动画" />
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical" >

        <ImageView
            android:id="@+id/image"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_gravity="center"
            android:src="@drawable/anim_list" >
        </ImageView>
    </LinearLayout>

</LinearLayout>

main2.xml对应MainActivity布局，很简单，就添加了一张图片： 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/back"
    android:orientation="vertical" >

</LinearLayout>
最后一个是ListView的xml文件代码： 

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

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </ListView>

</LinearLayout>





魏小魏
关注
专栏目录
纯CSS3卡通太阳照射动画特效特效代码
03-20
纯CSS3卡通太阳照射动画特效是一款太阳光发射动画特效。
安卓实现显示太阳位置动画(仿华为天气预报)
蓝不蓝编程
09-05 1089
实现效果 实现方案 自定义视图 主要代码 SunriseSunset.kt class SunriseSunset constructor( private val mContext: Context, attrs: AttributeSet ) : View(mContext, attrs) { private val DEFAULT_SIZE = 300f ...
自定义View之实现日出日落太阳动效
热门推荐
zoujian的博客
09-06 2万+
以前也很羡慕网上大神随手写写就是一个很漂亮的自定义控件，所以我下决心也要学着去写，刚好最近复习了Android View的绘制流程知识，看来看去就是那些个知识点，没点产出总感觉很迷。现在个人呢用的是华为荣耀8手机，碰巧在看自带的天气APP时，滑到最下面看到那个动效图：日出时间和日落时间上边是一个半圆，白天任意的时刻（在日出和日落时间之间）都有对应一个太阳从日出时刻沿着半圆弧做动画特效，个人第一感觉
Android动画-属性动画-ValueAnimato
喵了个呜的博客
04-17 1581
原文地址 http://blog.csdn.net/qq_25806863/article/details/70209242 ValueAnimator是针对值进行动画，支持整形，浮点型，颜色，对象等类型。 PropertyAnimation，属性动画。 View动画顾名思义，只是对View进行动画，而且动画效果只有旋转，平移，缩放，透明度的动画。最关键的是View动画没有改变锁动画的Vie...
android studio开发<二> 动态按钮动画效果
我是重阳 的专栏
09-06 1万+
原创 按钮动态效果： 1.在res--drawable--新建一个XML文件。 这里就举例按钮和默认效果，还有其他效果就不写了。 2.在activity_main.xml里设置该按钮的属性，如果不是英文单词会提示文字有误，不用管 android:background="@drawable/happy" 还有一种在代码里直
Android实现动画效果详解
09-03
在Android平台上，实现动画效果是提升用户体验的重要手段。Android提供了两种基本类型的动画：Tween动画和Frame动画。Tween动画主要用于对象的连续图像变换，包括旋转、平移、缩放和渐变，而Frame动画则类似于GIF...
Java代码-Android-动画效果-综合文档
05-20
一、Android动画概述 Android提供了多种动画机制，如属性动画（Property Animation）、视图动画（View Animation）和过渡动画（Transition Animation）。属性动画是Android 3.0（API 11）引入的，它允许开发者对对象...
Android动画效果的强悍框架
10-28
本文将深入探讨“Android动画效果的强悍框架”，特别是提及的“BaseAnimation1.3”库，以及如何利用这个库来实现300种左右的原生和自定义动画。 首先，让我们了解Android中的基本动画类型。Android支持两种主要的...
Android动画之雷达扫描效果
01-04
我们首先看一下效果图，有个整体的印象 好了，为了便于理解，这里就按照动画所见内容依次展开来说 准备 这里决定采用canvas（画布）和paint（画笔）实现了这个简单动画控件。 由图片可以看到有两条交叉的十字线、...
通知栏消息提醒--notification
魏小魏
07-31 3056
notification案例 Android下拉栏新消息通知
ProgressBar进度条的实现
魏小魏
07-31 2815
自定义进度条 Android中progressbar的使用
ImageButton控件经典案例
魏小魏
06-16 784
ImageButton控件 图片控件介绍
Android 钟表的实现
魏小魏
06-19 676
Android模拟时钟 Android数字时钟 Android时钟类控件实例
dialog的实现
魏小魏
07-31 311
dialog对话框 自定义对话框
数据适配器---BaseAdapter
魏小魏
07-31 287
数据适配器---BaseAdapter 适配器的三种方式
考虑励磁控制系统的水热两区互联电力系统网络自动生成控制simulink.rar
10-09
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
Python 实现BO-CNN-BiLSTM贝叶斯优化卷积双向长短期记忆网络数据多变量时间序列预测（包含详细的完整的程序和数据）
最新发布
10-09
内容概要：本文详细介绍了如何使用 Python 和深度学习方法（包括卷积神经网络 CNN 与双向长短期记忆网络 BiLSTM 结合的 BO-CNN-BiLSTM）进行多变量时间序列的数据预测。内容涵盖了从数据准备到超参数优化的全过程，并提供了完整的代码实现和实例展示。 适用人群：机器学习初学者，尤其适合对时间序列预测感兴趣的深度学习爱好者、研究者、工程技术人员。 使用场景及目标：适用于需要对时间序列数据如股票价格、环境数据、医疗健康监控等领域做精准预测的情况。本教程可以帮助理解深度学习在网络模型优化方面的运用。 其它：文中还讨论了项目的注意事项，并指出了可能的方向性改进路径，比如增加模型解释能力、实际应用等
Android界面动画效果详解
除了自定义动画资源外，Android还提供了一些内置的动画效果，如简单的淡入淡出(`fade_in`和`fade_out`)，以及从左侧滑入和向右侧滑出的效果(`slide_in_left`和`slide_out_right`)。这些动画可以直接通过Android的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值