现在好多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来实现的,各位看官在用在需要的地方就可以。
下面上图:
GIF很卡,现实是很流畅的,各位看官可以自己实现体验一下