基于值的Android颜色渐变变化

我正在开发一款android天气应用程序，我需要一张卡片的背景以使其具有足够的颜色以适应温度（蓝色表示冷，红色表示热度），但我需要逐渐使用它40度为鲜红色，20度为淡黄色。基于值的Android颜色渐变变化

你能帮我选择一种颜色选择方法吗？

代码：

public class WeatherContentAdapter extends RecyclerView.Adapter<WeatherContentAdapter.WeatherContentVH> { 
private List<WeatherInfo> mWeatherInfoList; 

public WeatherContentAdapter() { 
    this.mWeatherInfoList = new ArrayList<>(); 
    mWeatherInfoList.add(new DailyWeatherInfo("Monday", 10, WeatherConditions.RAINY)); 
    mWeatherInfoList.add(new DailyWeatherInfo("Tuesday", 15, WeatherConditions.RAINY)); 
    mWeatherInfoList.add(new DailyWeatherInfo("Wednesday", 20, WeatherConditions.FOGGY)); 
    mWeatherInfoList.add(new DailyWeatherInfo("Thursday", 25, WeatherConditions.CLOUDY)); 
    mWeatherInfoList.add(new DailyWeatherInfo("Friday", 30, WeatherConditions.CLOUDY)); 
    mWeatherInfoList.add(new DailyWeatherInfo("Saturday", 35, WeatherConditions.CLEAR)); 
    mWeatherInfoList.add(new DailyWeatherInfo("Sunday", 40, WeatherConditions.CLEAR)); 
} 

@Override 
public WeatherContentVH onCreateViewHolder(ViewGroup parent, int viewType) { 
    LayoutInflater layoutInflater = LayoutInflater.from(parent.getContext()); 
    View inflatedView = layoutInflater.inflate(R.layout.item_content, parent, false); 
    return new WeatherContentVH(inflatedView); 
} 

@Override 
public void onBindViewHolder(WeatherContentVH holder, int position) { 
    holder.mWeatherTempTV.setText(mWeatherInfoList.get(position).mTemperature + "Celsius degrees"); 
    holder.mWeatherCard.setCardBackgroundColor(???); 
} 

@Override 
public int getItemCount() { 
    return mWeatherInfoList.size(); 
} 

class WeatherContentVH extends RecyclerView.ViewHolder { 
    TextView mWeatherTempTV; 
    CardView mWeatherCard; 

    public WeatherContentVH(View itemView) { 
     super(itemView); 

     mWeatherTempTV = (TextView) itemView.findViewById(R.id.ic_tv_weather_temp); 
     mWeatherCard = (CardView) itemView.findViewById(R.id.ic_cv_weather); 
    } 
}

}

来源

2016-09-27 Ambrozie Beniamin Paval

向我们展示您的工作...任何代码？ – FiN

这更像是一个测试代码示例 –

我设法找到这一解决方案进行管理，可能不是最好的。

public static int getTemperatureColor(int mTemp) { 
    if (mTemp <= 10) { 
     return getColdTemperatureColor(mTemp); 
    } else if (mTemp > 10 && mTemp <= 15) { 
     return getMediumTemperatureColor(mTemp); 
    } else if (mTemp > 15 && mTemp <= 20) { 
     return getWarmTemperatureColor(mTemp); 
    } else { 
     return getHotTemperatureColor(mTemp); 
    } 
} 

/** 
* Get a color with blue 255, red 0 and green value variable(10temp=250) 
* 10 temp values included above 0 
* 
* @return Color value 
*/ 
private static int getColdTemperatureColor(int mTemp) { 
    if (mTemp < 0) 
     return Color.rgb(0, 0, 255); 
    else { 
     int greenValue = 25 * mTemp; 
     return Color.rgb(0, greenValue, 255); 
    } 
} 

/** 
* Get a color with green 255, red 0 and blue value variable(15temp=0) 
* 5 temp values included 
* 
* @return Color value 
*/ 
public static int getMediumTemperatureColor(int mTemp) { 
    int blueValue = 255 - (mTemp - 10) * 51; 
    return Color.rgb(0, 255, blueValue); 
} 

/** 
* Get a color with red 255, blue 0 and green value variable(40temp=255) 
* 20 temp values included 
* 
* @return Color value 
*/ 
public static int getWarmTemperatureColor(int mTemp) { 
    int redValue = (mTemp - 15) * 51; 
    return Color.rgb(redValue, 255, 0); 
} 

public static int getHotTemperatureColor(int mTemp) { 
    if(mTemp >40){ 
     return Color.rgb(255, 0, 0); 
    } else { 
     int greenValue = 255 - (mTemp - 20) * 12; 
     return Color.rgb(255, greenValue, 0); 
    } 
}

来源

2016-09-27 14:14:18

在不同透明度的帮助下，你可以通过

100% — FF 
95% — F2 
90% — E6 
85% — D9 
80% — CC 
75% — BF 
70% — B3 
65% — A6 
60% — 99 
55% — 8C 
50% — 80 
45% — 73 
40% — 66 
35% — 59 
30% — 4D 
25% — 40 
20% — 33 
15% — 26 
10% — 1A 
5% — 0D 
0% — 00 



#ff0074 for Pink 
#33ff0074 for Light pink

来源

2016-09-27 12:23:21

基于值的Android颜色渐变变化

回答

相关问题