平均非整数时如何显示半星（星级）

Question

我使用此代码来显示带有半满星的平均评分（如果平均评分不是整数）。效果很好。

<?php

$stars   = '';

for ( $i = 1; $i <= $avrating + 1; $i++ ) {

$width = intval( $i - $avrating > 0 ? 20 - ( ( $i - $avrating ) * 20 ) : 20 );

if ( 0 === $width ) {

    continue;

}

    if($avrating < 5){

        $stars .= '<span style="overflow:hidden; width:' . $width . 'px" class="dashicons dashicons-star-filled"></span>';

        if ( $i - $avrating > 0 ) {

            $stars .= '<span style="overflow:hidden; position:relative; left:-' . $width .'px;" class="dashicons dashicons-star-empty"></span>'; 

        }

    }

}

if($avrating >= 5){

    for ($i = 1; $i <= 5; $i++) {

        echo '<span style="overflow:hidden;" class="dashicons dashicons-star-filled"></span>';

    }

  }

  echo $stars;

?> 

但是，在这种情况下，并非所有星星都会显示。例如，如果评分为3.5，则显示4颗星，第四颗星为半满。这是图像：1 : https://i.stack.imgur.com/2aoGx.png但我需要显示所有五颗星：最后一个空的四分之一是半填充的（例如，如果评级为 3.5）并且前三个已满。我可以把所有的星星都拿出来。有了这个代码：

<?php

$stars = '';

for ( $i = 1; $i <= 5 ; $i ++ ) {

    if ( $i <= $avrating ) {

        $stars .= '<span class="dashicons dashicons-star-filled"></span>';

    } else {

        $stars .= '<span class="dashicons dashicons-star-empty"></span>';

    }

}                                   

echo   $stars;

?>  

但结果，我自然达不到这个结果。这是我得到的：

你看，第四颗星里没有一半。我认为可以将这两个代码片段结合起来，但我的知识还不够，如何做到这一点。或者也许这根本不可能。请帮助解决这个问题。

Answer 1

我将创建一个简单的函数，它根据给定的评级返回给定星星的填充水平：<?phpfunction getStarClass(int $starPosition, float $rating): string{&nbsp; if ($starPosition <= $rating) {&nbsp; &nbsp; return 'filled';&nbsp; }&nbsp; if ($starPosition - $rating < 1) {&nbsp; &nbsp; return 'half-filled';&nbsp; }&nbsp; return 'empty';}$avrating = 3.5;?><?php for ($star = 1; $star <= 5; $star++): ?>&nbsp; <span class="dashicons dashicons-star-<?= getStarClass($star, $avrating) ?>"></span><?php endfor ?>请注意，我还使用 PHP 的替代语法来显示 HTML，因为我相信它更适合该目的，但这完全是可选的。

Answer 2

您可以添加一个额外的子句，检查循环是否大于评级但小于下一个评级作为半启动评级...$stars = '';for ( $i = 1; $i <= 5 ; $i ++ ) {&nbsp; &nbsp; if ( $i <= $avrating ) {&nbsp; &nbsp; &nbsp; &nbsp; $stars .= '<span class="dashicons dashicons-star-filled"></span>';&nbsp; &nbsp; } elseif ( $i < $avrating + 1 && $i > $avrating ) {&nbsp; &nbsp; &nbsp; &nbsp; $stars .= '<span class="dashicons dashicons-star-half"></span>';&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; $stars .= '<span class="dashicons dashicons-star-empty"></span>';&nbsp; &nbsp; }}&nbsp;&nbsp;您还可以通过将其作为部件添加来减少大量重复的样板 HTML...$stars = '';for ( $i = 1; $i <= 5 ; $i ++ ) {&nbsp; &nbsp; $stars .= '<span class="dashicons dashicons-star-';&nbsp; &nbsp; if ( $i <= $avrating ) {&nbsp; &nbsp; &nbsp; &nbsp; $stars .= 'full';&nbsp; &nbsp; } elseif ( $i < $avrating + 1 && $i > $avrating ) {&nbsp; &nbsp; &nbsp; &nbsp; $stars .= 'half';&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; $stars .= 'empty';&nbsp; &nbsp; }&nbsp; &nbsp; $stars .= '"></span>';}&nbsp;&nbsp;