颜色之间渐变基本算法
由于最近项目需要做一个信誉界面,信誉度越高,颜色是绿色的,信誉越低,颜色则是红色,之间则是两则之间的颜色;当然一开始设计的时候,在这个色条上取几个代表性的颜色,然后在某个范围设置某个颜色就哦了。但是!这样就感觉不是那么的美观,而且没有一个动态的过程(信誉值从0涨到当前值,对应的颜色也应该是从红色渐变到当前色)。
只好网上查资料,也询问了一些朋友;反正过程思考了好多,最后决定用:算法(颜色之间渐变的算法)!网上算法有现成的,我在这里整合写成demo;不废话了,上效果图和代码:
图一:设置成信誉55的情况:
一个在加载过程中图:
加载结束图:
颜色渐变算法(主要的代码段)
// 颜色的渐变,应该把分别获取对应的三基色,
//然后分别进行求差值;这样颜色渐变效果最佳
R = Color.red(cl1) + (Color.red(cl2) - Color.red(cl1)) * flag / runNum;
G = Color.green(cl1) + (Color.green(cl2) - Color.green(cl1)) * flag
/ runNum;
B = Color.blue(cl1) + (Color.blue(cl2) - Color.blue(cl1)) * flag
/ runNum;
int cl = Color.rgb(R, G, B);
tv.setBackgroundColor(cl);
下面附上我写的activity和xml文件;
activity:
package com.zf.****.activity;
import com.zf.****.R;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;
public class Btn_9Activity extends Activity {
private TextView tv0, tv;
private EditText et;
private Button btn;
private int nflag = 0, flag = 0;// nflag:当前执行次数;flag:过度参数
private int runNum = 50;// 从开始到结束,设置颜色变化的次数
private int finishNum = 0;// 信誉值,即结束标记值
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_btn_9);
initView();// 初始化控件
allListener();
}
private void allListener() {
// TODO Auto-generated method stub
btn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
if (et.length() > 0) {// 不为空
finishNum = Integer.parseInt(et.getText().toString());
if (finishNum > 100) {
Toast.makeText(getApplicationContext(), "你输入已超过最大值100",
Toast.LENGTH_SHORT).show();
} else {
nflag = 0;// 初始化当前执行次数
getChange();// 调用颜色渐变线程
}
}
}
});
}
private void initView() {
// TODO Auto-generated method stub
tv0 = (TextView) findViewById(R.id.tv0);
tv0.setTextColor(getResources().getColor(R.color.color1));
et = (EditText) findViewById(R.id.et);
btn = (Button) findViewById(R.id.btn);
tv = (TextView) findViewById(R.id.tv);
}
// 调用颜色渐变
private void getChange() {
// TODO Auto-generated method stub
new Thread(new Runnable() {
@Override
public void run() {
// TODO Auto-generated method stub
try {
if (nflag <= finishNum) {
Thread.sleep(50);// 执行变色的时间间隔
handler.sendMessage(handler.obtainMessage(1));
} else {
handler.sendMessage(handler.obtainMessage(0));
}
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}).start();
}
Handler handler = new Handler() {
public void handleMessage(android.os.Message msg) {
switch (msg.what) {
case 0:
Toast.makeText(getApplicationContext(), "已到结束标记值",
Toast.LENGTH_SHORT).show();
break;
case 1:
// 此处逻辑:需要执行3种颜色的渐变;则分为两两执行渐变.
// 如:A-B-C,化解成:A-B、B-C;
if (nflag > 50) {
getColorChanges(getResources().getColor(R.color.color2),
getResources().getColor(R.color.color3));
} else {
getColorChanges(getResources().getColor(R.color.color1),
getResources().getColor(R.color.color2));
}
nflag++;// 当前执行次数++;
getChange();// 调用线程来控制颜色渐变的间隔时间
// handler.sendMessage(handler.obtainMessage(1));//如果不考虑中间间隔,可以直接回调自己;
break;
default:
break;
}
}
};
/*
* 从color1 渐变到 color2,以下是一种颜色到另一种颜色需要执行runNum次才能彻底渐变结束;
*/
private void getColorChanges(int cl1, int cl2) {
int R, G, B;
// 此处逻辑功能是:需要执行3种颜色的渐变;
if (nflag > runNum) {
flag = nflag - runNum;
} else {
flag = nflag;
}
// 颜色的渐变,应该把分别获取对应的三基色,然后分别进行求差值;这样颜色渐变效果最佳
R = Color.red(cl1) + (Color.red(cl2) - Color.red(cl1)) * flag / runNum;
G = Color.green(cl1) + (Color.green(cl2) - Color.green(cl1)) * flag
/ runNum;
B = Color.blue(cl1) + (Color.blue(cl2) - Color.blue(cl1)) * flag
/ runNum;
int cl = Color.rgb(R, G, B);
tv.setBackgroundColor(cl);
tv.setText(String.valueOf(nflag));
}
}
后语:我觉得android的功能效果实现之前比较难是应该我们逻辑部分没有理清楚,在知道逻辑的情况下,去找自己要实现的代码就简单了!