Android 背景变色

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

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();
        }

    }
}

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

<?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>

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

888.gif

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,603评论 25 709
  • 高中的时候喜欢上一个女生,个高高的,脸是那种瓜子脸,表面看很文静,不怎么说话,下课了只是和周围的同学说几句话,其实...
    AC天光云影共徘徊阅读 148评论 0 0
  • 过了一段枯燥乏味的生活,开始从喜欢的事物出发,寻找乐趣!计划一年完成100件未做过的事! 01/珠宝首饰制作 金属...
    Coco喵阅读 270评论 0 2
  • 临时场景任务有一个最大的特点,就是玩家并不会接到明确的任务指示,而是根据场景剧情的走向自主选择自己的行为,...
    高等巫妖阅读 231评论 0 0