美文网首页
FadeIn和FadeOut动画效果

FadeIn和FadeOut动画效果

作者: 送外卖的程序员 | 来源:发表于2020-02-15 23:19 被阅读0次

Android开发过程中,添加动画效果会让App更加生动,今天试了两种最基本的动画效果:FadeIn和FadeOut

一:页面布局

    通过两个Button控制ImageView中的图片实现Fade In效果和Fade out

    1.    在主页布局activity_animation.xml中加入ImageView:

ImageView布局代码

    2.    在主页布局activity_animation.xml中加入两个Button:

Button布局代码

    3.    Demo中为parent ViewGroup添加渐变背景(只是通过深色背景,让效果明显,对动画并无作用)

            

background1.xml代码

            渐变色背景通常由两种颜色组成,从一个颜色开始,然后变换到另一个颜色。

            startColor用来设置为渐变背景的开始颜色,endColor用来设置渐变背景的结束颜色

    4.    添加fade_in.xml和fade_out.xml动画效果

            在res下的anim中添加fade_in.xml和fade_out.xml

            

fade_in.xml代码 fade_out.xml代码

        实现Fade In效果需要将alpha从0增加到1

        实现Fade Out效果需要将alpha从1减少到0

        duration为动画时间,我这里设为了2000

二.    添加AnimationActivty.java代码

        1.    通过R.layout.activity_animation获取主页布局

        2.    通过findByViewId(R.id.viewName)关联相关控件,fade_in button, fade_out button和ImageView

        3.    为两个Button按钮添加监听按键方法

    

AnimationActivity.java代码

FadeIn和FadeOut通过设置fromAlpha和toAlpha实现动画效果

FadeIn页面效果 FadeOut效果

相关文章

  • FadeIn和FadeOut动画效果

    Android开发过程中,添加动画效果会让App更加生动,今天试了两种最基本的动画效果:FadeIn和FadeOu...

  • jQuery学习总结之动画篇

    jQuery中的动画大致分为三类: 基本动画方法hide()和show()到fadeIn()和fadeOut(),...

  • jQuery学习总结之动画篇

    jQuery中的动画大致分为三类: 基本动画方法hide()和show()到fadeIn()和fadeOut(),...

  • flutter动画FadeTransition

    今天要说的是flutter fadeIn 和fadeOut的动画的实现,其实就是AnimatedOpacity组件...

  • jquery6

    jquery特殊效果: fadeIn() 淡入 fadeOut() 淡出 fadeToggle() 切换淡入...

  • jQuery - 效果(四)之 淡入淡出

    本文目录: fadeIn(); fadeOut(); fadeToggle(); fadeTo()。 fadeIn...

  • jQuery-淡入

    jquery特殊效果 fadeIn() 淡入 fadeOut() 淡出fadeToggle() 切换淡入淡出hid...

  • jQuery进阶

    1. jQuery特殊效果 fadeIn() 淡入 fadeOut() 淡出fadeToggle() 切换淡入淡出...

  • 2019-06-17第十六天

    // $('.box').fadeOut();//淡出// $('.box').fadeIn();//淡入// $...

  • zepto fadeIn/fadeOut 实现

    需要引入zepto的fx模块。 fadeIn设置两个参数: (动画时间,透明度)。 fadeOut在动画完成后,隐...

网友评论

      本文标题:FadeIn和FadeOut动画效果

      本文链接:https://www.haomeiwen.com/subject/xnrufhtx.html