Android中如何创建类似Instagram的渐变背景效果

这篇文章主要为大家展示了“Android中如何创建类似Instagram的渐变背景效果”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Android中如何创建类似Instagram的渐变背景效果”这篇文章吧。

创新互联专注为客户提供全方位的互联网综合服务,包含不限于做网站、成都网站设计、海阳网络推广、微信平台小程序开发、海阳网络营销、海阳企业策划、海阳品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供海阳建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com

效果图:

Android中如何创建类似Instagram的渐变背景效果

1. 在drawable文件夹创建一些渐变颜色的资源

color1.xml



  

color2.xml



  

color3.xml



  

color4.xml



  

2. 创建一个用到上面创建的渐变色的动画序列,命名为animation_list.xml,放进去drawable文件夹



  
  
  
  

3. 将上面已经创建好的动画序列应用到你layout的背景顶层的view中



  

4.在你的activity中用AnimationDrawable去实现过渡效果

LinearLayout container = (LinearLayout) findViewById(R.id.container);
AnimationDrawable anim = (AnimationDrawable) container.getBackground();
anim.setEnterFadeDuration(6000);
anim.setExitFadeDuration(2000);

// 开始播放动画:在onResume方法中开始播放渐变动画
@Override
protected void onResume() {
  super.onResume();
  if (anim != null && !anim.isRunning())
    anim.start();
}
   
// 停止播放动画:在onPause方法中停止播放渐变动画
@Override
protected void onPause() {
  super.onPause();
  if (anim != null && anim.isRunning())
    anim.stop();
}

将状态栏设置透明(去除状态栏)

values/styles.xml

 
   

values-v19/styles.xml

 
   
    true 
   

values-v21/styles.xml

 
   
    @android:color/transparent 
   

values-v23/styles.xml

 
   
    @android:color/transparent 
    true 
   
public class MainActivity extends AppCompatActivity { 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState);  
    // 加入下面的代码
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { 
      findViewById(android.R.id.content).setSystemUiVisibility( 
          View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE); 
    } 
 
    setContentView(R.layout.activity_splash); 
  } 
} 

以上是“Android中如何创建类似Instagram的渐变背景效果”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网页标题:Android中如何创建类似Instagram的渐变背景效果
转载注明:http://scyanting.com/article/gcdocd.html