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

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

但是有时候，由于客户总是对的，因此必须实施。 （不，客户并不总是对的！但这是另一回事了……）

因此，代码非常简单。

• Android上的JobScheduler
• 辅助功能服务完整指南第2部分-Android
• Android Google Maps简单用法-Google Directions API
• 使用Firebase进行电话号码身份验证
• Android：通过网络使用ADB进行调试

首先，在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