APP启动页背景颜色变化

原创 2017年08月15日 15:49:07

在APP的启动页经常会有一些渐变效果。

如果是从半透明渐变为不透明,用View动画AlphaAnimation就能完成。

而View动画只有渐变,旋转,平移,和缩放四种动画效果,是完成不了颜色变化的任务的。所以需要用到属性动画。

demo下载:http://download.csdn.net/download/qq_25806863/9934747

下面是三种用属性动画让启动页背景颜色渐变的方法:

界面准备

几个启动页面都用同一套布局,很简单

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/launch"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">


    <ImageView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="center_horizontal|bottom"
        android:src="@mipmap/ic_launcher" />


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="20dp"
        android:gravity="center"
        android:text="V5.1" />

</LinearLayout>

1.ValueAnimator.ofArgb,由红变白

ValueAnimator动画改变的是数值,不会直接改变属性,所以需要在监听数值变化的时候自己去设置属性。

public class Launch1Activity extends AppCompatActivity {

    private LinearLayout launch;

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

        launch = (LinearLayout) findViewById(R.id.launch);

        startAnimate();
    }

    private void startAnimate() {
        ValueAnimator valueAnimator = ValueAnimator.ofArgb(Color.RED, Color.WHITE);
        valueAnimator.setDuration(3000);

        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
              //这里设置背景颜色
                launch.setBackgroundColor((Integer) valueAnimator.getAnimatedValue());
            }
        });

        valueAnimator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
              //跳转到首页
                skip();
            }
        });
        valueAnimator.start();
    }

    private void skip() {
        startActivity(new Intent(this, MainActivity.class));
        finish();
    }
}

2.ObjectAnimator.ofObject由红变蓝

这里用到了ColorDrawable来作为背景。

通过改变ColorDrawable的颜色来达到效果。

public class Launch2Activity extends AppCompatActivity {

    private LinearLayout launch;

    private ColorDrawable background;

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

        launch = (LinearLayout) findViewById(R.id.launch);

        background = new ColorDrawable(Color.RED);

        launch.setBackground(background);

        startAnimate();
    }

    private void startAnimate() {

        ArgbEvaluator evaluator = new ArgbEvaluator();
        ObjectAnimator objectAnimator = ObjectAnimator.ofObject(this, property, evaluator, Color.BLUE);
        objectAnimator.setDuration(3000);
        objectAnimator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
                skip();
            }
        });
        objectAnimator.start();

    }

    private void skip() {
        startActivity(new Intent(this, MainActivity.class));
        finish();
    }

    private  Property<Launch2Activity, Object> property = new Property<Launch2Activity, Object>(Object.class, "background") {
        @Override
        public void set(Launch2Activity object, Object value) {
            object.background.setColor((Integer) value);
        }

        @Override
        public Object get(Launch2Activity object) {
            return object.background.getColor();
        }
    };
}

3.ObjectAnimator.ofInt由红变黄

这个就是简单的属性动画了。

public class Launch3Activity extends AppCompatActivity {

    private LinearLayout launch;

    private ColorDrawable background;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_launch1);
        launch = (LinearLayout) findViewById(R.id.launch);
        startAnimate();
    }

    private void startAnimate() {

        ArgbEvaluator evaluator = new ArgbEvaluator();
        ObjectAnimator objectAnimator = ObjectAnimator.ofInt(launch, "backgroundColor", Color.RED, Color.YELLOW);
        objectAnimator.setEvaluator(new ArgbEvaluator());
        objectAnimator.setDuration(3000);
        objectAnimator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
                skip();
            }
        });
        objectAnimator.start();

    }

    private void skip() {
        startActivity(new Intent(this, MainActivity.class));
        finish();
    }
}

。。。

。。。

js特效—背景颜色变化

  • 2014年10月09日 11:48
  • 2KB
  • 下载

JS实现网页的背景颜色动态变化

  • 2013年07月28日 01:29
  • 420B
  • 下载

鼠标浮动到表格的某行 背景颜色变化[mouseover mouseout 以及mouseenter mouseleave]

之前一直觉得很难,今天用到了 好像超级简单 标题一 标题二 第一行一列 第二行第二列 第二行第一列 ...

C#form不断变化背景颜色

  • 2014年12月09日 14:44
  • 39KB
  • 下载

界面上单元格的可操作性和背景颜色根据某一个单元格值的变化而发生改变

在[字段构件]下字段的对应事件的[脚本内容]写入类似如下的代码: var w=MastercurRowNo; if (MastercurGUIState== 2) w=10; ...

选项卡背景颜色图片的变化以及TextView加边框

项目中需要实现点击当前选项卡,然后当前选项卡变色,之前选中的选项卡恢复原状。 我刚开始选择的方法很笨,就是如果选中,v1.set...v2.set....看起来可读性很差, 经过实践,现将我想的思路写...

C语言实现控制台输出背景颜色字体颜色变化

在大学第二次接触C语言这么课,想把学习中遇到的困惑和一些小技巧总结下来。   要实现控制台的输出背景颜色变化有两种方式,一种是system(“clolor **”),另外一种是使用windows AP...

系统状态栏设置背景颜色和APP标题栏一致(非全屏)

可以把方法写在BaseActivity中 public void initSystemBar(Boolean isLight) { if (Build.VERSION.SDK_INT...

Android改变状态栏的背景颜色使其与APP风格一体化

我相信大家肯定看到过很多软件有沉浸式状态栏,在运行该App时改变了手机屏幕顶部状态栏的颜色,使他们的风格非常的统一,看起来异常的漂亮和清爽。想不想实现这种效果呢,其实在Android KITKAT上有...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:APP启动页背景颜色变化
举报原因:
原因补充:

(最多只允许输入30个字)