如何解决如何根据温度显示不同的颜色?
我正在从XML接收数据,其中包含有关某些位置的天气信息。我正在获取有关温度的信息,我想这样显示:
如果温度高于13,数字将以红色显示
如果温度在0到12之间,则数字应显示为白色
如果温度低于0,则数字应显示为蓝色
我目前已经尝试过:
if ($result[0]['temperature'] > 13){
$temperature = "<span style='color:#FD1B1C;'>". $result[0]['temperature']. "°"."</span>";
}
if ($result[0]['temperature'] >=0 && $result[0]['temperature'] <=12){
$temperature = "<span style='color:white;'>". $result[0]['temperature']. "°"."</span>";
}
if ($result[0]['temperature'] < 0){
$temperature = "<span style='color:blue;'>". $result[0]['temperature']. "°"."</span>";
}
此代码^有效,但很快就变得很长且“不清楚”。 $temperature
只是一个温度,当我想显示7个温度(一周中每天一次)并且在多个位置显示时,很快我就会得到很多“ $ temperature n”变量和行。示例:如我所示,一个温度是9行代码。当我要显示7天和3个位置时,它的9x7 * 3 = 189行+间距,您就明白了。
也许最好的办法是将此代码保存在另一个文件中并引用它?
有关信息:
XML显示每6小时(0-6、6-12、6-18、18-24)的温度,这意味着我每天获取$result[0],[4],[8],[12]
。
解决方法
制作一个断点数组,并根据断点分配颜色:
function getColor($temp) {
$defaultColor = 'blue';
$breakPoints = [
'0' => 'white','13' => 'red',];
$out = $defaultColor;
foreach($breakPoints as $target => $color) {
if ( (float)$target <= (float)$temp) {
$out = $color;
}
}
return $out;
}
由于我们以升序设置了断点,因此我们将默认颜色设置为负值的颜色。然后,当我们遍历断点时,请不断更改颜色,直到断点大于要测试的温度为止。
请注意,将其放在函数中可以在整个脚本中使用:
<?php
// do all your php stuff,including the getColor function
?>
<!-- html stuff -->
<?php foreach($result as $row): ?>
<!-- display the row in html -->
<div>The temperature is
<span style="color:<?= getColor($row['temperature']) ?>">
<?= $row['temperature'] ?> °
</span>
</div>
<?php endforeach; ?>
,
您可以尝试创建一个数组,其中每个位置都包含一个具有所有温度的数组。遍历数组时,可以使用switch语句检查每个温度结果,以使您没有100个if语句。
,使用数组设置颜色white
的上下限,并使用foreach()
构造正确的HTML。这样,您可以容纳任意数量的阵列条目(温度)。
<?php
$limits = [0,12]; // below 0 = blue,between 0 and 12 = white,above 12 = red
$result = [
['temperature' => -3,],['temperature' => 9,['temperature' => 13,['temperature' => 6,['temperature' => -5,['temperature' => 11,['temperature' => 17,['temperature' => 4,];
$tempHtml = []; // store for HTML
foreach ($result as $key => $value) {
$temp = $value['temperature'];
$color = 'white'; // default
if ($temp > $limits[1]) {
$color = '#FD1B1C'; // red
} elseif ($temp < $limits[0]) {
$color = 'blue';
}
$tempHtml[] = "<span style='color:{$color}'>" . $value['temperature'] . "°" . "</span>";
}
echo '<pre>';
var_dump($tempHtml);
echo '</pre>';
输出:
array (size=8)
0 => string '<span style='color:blue'>-3°</span>' (length=36)
1 => string '<span style='color:white'>9°</span>' (length=36)
2 => string '<span style='color:#FD1B1C'>13°</span>' (length=39)
3 => string '<span style='color:white'>6°</span>' (length=36)
4 => string '<span style='color:blue'>-5°</span>' (length=36)
5 => string '<span style='color:white'>11°</span>' (length=37)
6 => string '<span style='color:#FD1B1C'>17°</span>' (length=39)
7 => string '<span style='color:white'>4°</span>' (length=36)
注意::如果您需要定位元素[0],[4],[8] ...,则在foreach
条件下将逻辑包装在modulo
内:
foreach ($result as $key => $value) {
if($key %4 === 0) {
...
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。