現(xiàn)在好多APP都有這種功能蒂萎,給用戶的體驗很好,我也簡單實現(xiàn)了一下虎囚,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方法,大概解釋一下要傳的三個參數(shù)蒲列,其實不解釋你們也能看懂啦窒朋。第一個參數(shù)傳漸變的百分比,第二個傳開始的顏色蝗岖,第三個傳結束的顏色侥猩,就這么簡單,我這里為了方便用CountDownTimer來實現(xiàn)的抵赢,各位看官在用在需要的地方就可以欺劳。
下面上圖:
888.gif
GIF很卡唧取,現(xiàn)實是很流暢的,各位看官可以自己實現(xiàn)體驗一下