首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >[Android笔记6]之淡入淡出动画TransitionDrawable

[Android笔记6]之淡入淡出动画TransitionDrawable

作者头像
项勇
发布2018-06-19 14:59:47
1.7K0
发布2018-06-19 14:59:47
举报
文章被收录于专栏:项勇项勇项勇

地址

GitHub 地址:http://blog.csdn.net/xiangyong_1521/article/details/77888295

由于最近在赶公司项目,闲余时间不是很充沛,本节就实现一个简单的动画吧。 说到淡入淡出动画,首先想到补间动画里面的AlphaAnimation,不过这个深浅动画只能对透明度做渐变效果,也就是只能对一个图形做深浅的颜色变换。如果我们想要从A图片逐渐变为B图片,也就是要实现淡入淡出(Fade-in and Fade-out)效果时,TransitionDrawable就派上用场了。

目录

  • 主要代码
  • 实现效果

一.代码示例

import android.app.Activity;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.TransitionDrawable;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.AlphaAnimation;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends Activity implements OnClickListener {

    private ImageView iv_alpha;
    private AlphaAnimation alphaAnimation;
    private TransitionDrawable transitionDrawable;

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

        Button btn_play1 = (Button) findViewById(R.id.btn_play1);
        Button btn_play2 = (Button) findViewById(R.id.btn_play2);
        btn_play1.setOnClickListener(this);
        btn_play2.setOnClickListener(this);
        iv_alpha = (ImageView) findViewById(R.id.iv_alpha);
        //一开始先设置透明,这样图片不会显示,等点击按钮时再显示
        iv_alpha.setAlpha(0.0f);
        alphaAnimation = new AlphaAnimation(0.0f, 1.0f);
        alphaAnimation.setDuration(3000);    //深浅动画持续时间
        alphaAnimation.setFillAfter(true);   //动画结束时保持结束的画面
    }

    @Override
    public void onClick(View v) {
        if (v.getId() == R.id.btn_play1) {
            iv_alpha.setImageResource(R.drawable.alpha_begin);
            iv_alpha.setAlpha(1.0f);
            iv_alpha.setAnimation(alphaAnimation);
            alphaAnimation.start();
        } else if (v.getId() == R.id.btn_play2) {
            //淡入淡出动画需要先设置一个Drawable数组,用于变换图片
            Drawable[] drawableArray = {
                    getResources().getDrawable(R.drawable.alpha_begin),
                    getResources().getDrawable(R.drawable.alpha_end)
                    };
            transitionDrawable = new TransitionDrawable(drawableArray);
            iv_alpha.setImageDrawable(transitionDrawable);
            transitionDrawable.startTransition(3000);
        }
    }
}

二.实现效果


交作业,睡觉

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2017-09-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 项勇 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 地址
  • 目录
  • 一.代码示例
    • 二.实现效果
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档