以编程方式快速定制半填充星级

Question

我正在尝试创建一个半填充的星级评级视图。

这是我编写的代码：

func setUpStarStack() {
        for i in 0..<5 {
            let imageView = UIImageView()
            if(i==0){
                imageView.tag = 5009
            }
            imageView.image = UIImage(named: "img_star_nofill")
            stackViewStar.addArrangedSubview(imageView)
            arrayImage.append(imageView)
        }
    self.addSubview(stackViewStar)
    stackViewStar.snp.makeConstraints { make in
        make.top.left.right.bottom.equalToSuperview()
    }
}

向 StackView 添加了五个空星形图像。

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    let touchLocation = touches.first
    let location = touchLocation?.location(in: stackViewStar)
    if(touchLocation?.view?.tag == 5007){
        var intRating:Float = 0
        arrayImage.forEach { (imageView) in
            if ((location?.x)! > imageView.frame.origin.x) {
                let i = arrayImage.firstIndex(of: imageView)
                intRating = Float(i!) + 1
                intRate = Float(intRating)
                imageView.image = UIImage(named: "img_star_fill")
            } else {
                if(imageView.tag != 5009){
                    imageView.image = UIImage(named: "img_star_nofill")
                }
            }
        }
    }
}

我不知道如何根据触摸位置填写半颗星。

Answer 1

arrayImage.forEach { (imageView) in
           if imageView.frame.origin.x < (location?.x)! && (location?.x)! <= imageView.frame.origin.x + imageView.frame.size.width / 2 {
                    
                    imageView.image = UIImage(named: "img_star_half")
            } else if ((location?.x)! > imageView.frame.origin.x) {
          
                imageView.image = UIImage(named: "img_star_fill")
            } else {
                if(imageView.tag != 5009){
                    imageView.image = UIImage(named: "img_star_nofill")
                }
            }