如何实现类似Instagram的登录(过渡背景渐变)

老实说,我从不喜欢渐变。 当我第一次看到Android上的Instagram登录屏幕时,我的第一个念头就是卸载该应用程序。 真!

但是有时候,由于客户总是对的,因此必须实施。 (不,客户并不总是对的!但这是另一回事了……)

因此,代码非常简单。

首先,在colors.xml上定义颜色

  #9C27B0  
#673AB7
#3F51B5
#2196F3
#00BCD4
#03A9F4 </ color

然后在您的渐变文件夹中使用渐变创建不同的文件( gradient_1.xmlgradient_2.xml等)

   

<渐变
android:startColor =“ @ color / deep_purple_500”
android:endColor =“ @ color / purple_500”
android:angle =“ 0” />

渐变角度,以度为单位。 0从左到右,90从下到上。 使用45的倍数。

现在,始终在可绘制文件夹中创建animation_list.xml

   

<项目
android:drawable =“ @ drawable / gradient_1”
android:duration =“ 6000” />
<项目
android:drawable =“ @ drawable / gradient_2”
android:duration =“ 6000” />
<项目
android:drawable =“ @ drawable / gradient_3”
android:duration =“ 6000” />

…并使用animation_list设置布局的背景

  android:background =“ @ drawable / animation_list” 

现在您可以开始动画了!

  // onCreate 
animationDrawable =(AnimationDrawable)relativeLayout.getBackground();
  animationDrawable.setEnterFadeDuration(5000); 
animationDrawable.setExitFadeDuration(2000);
  // onResume 
animationDrawable.start();

源代码位于:https://github.com/danieleorlando/GradientTransition

在下一个教程中,我将展示如何制作出色的登录屏幕🙂

如果本教程很有用,请分享并跟随我学习下一个教程!

Daniele Orlando(@ DanOrlando22)| 推特
Daniele Orlando(@ DanOrlando22)的最新推文。 软件开发人员。 Android爱好者。 @PureContactAPP。 萨尔扎纳,IT twitter.com