Android 背景变色

作者: BertSir | 来源:发表于2017-07-18 11:17 被阅读175次

现在好多APP都有这种功能,给用户的体验很好,我也简单实现了一下,1.5S从黄色变道蓝色。直接上代码吧

<pre>
public class MainActivity extends AppCompatActivity implements View.OnClickListener {

private Button bt;
private FrameLayout fl_root;
private long time = 1500;


private int colors [] = {Color.parseColor("#1E90FF"),Color.parseColor("#FFFF00")};
private CountDownTimer timer;


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

private void initView() {
    bt = (Button) findViewById(R.id.bt);
    fl_root = (FrameLayout) findViewById(R.id.fl_root);
    bt.setOnClickListener(this);
}

@Override
public void onClick(View v) {
    switch (v.getId()) {
        case R.id.bt:
            change();
            break;
    }
}

private void change(){
    if(timer == null){
        timer = new CountDownTimer(time, 10) {
            @Override
            public void onTick(long millisUntilFinished) {
                //计算渐变
                float result = ((float) millisUntilFinished / time);
                ArgbEvaluator evaluator = new ArgbEvaluator();
                int evaluate = (int) evaluator.evaluate(result, colors[0], colors[1]);
                fl_root.setBackgroundColor(evaluate);
            }

            @Override
            public void onFinish() {

            }
        };
        timer.start();
    }else {
        //处理多次点击按钮界面闪烁
        timer.cancel();
        timer.start();
    }

}

}
</pre>

布局很简单,就是一个按钮,一个FrameLayout

<pre>
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
android:id="@+id/fl_root"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="cn.bertsir.evaluateview.MainActivity">

<Button
    android:id="@+id/bt"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:text="change"
    />

</FrameLayout>
</pre>

好了,这主要就用到了ArgbEvaluator里的evaluate方法,大概解释一下要传的三个参数,其实不解释你们也能看懂啦。第一个参数传渐变的百分比,第二个传开始的颜色,第三个传结束的颜色,就这么简单,我这里为了方便用CountDownTimer来实现的,各位看官在用在需要的地方就可以。
下面上图:

888.gif

GIF很卡,现实是很流畅的,各位看官可以自己实现体验一下

相关文章

网友评论

    本文标题:Android 背景变色

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