如何通过自定义UIstepper的±按钮实现商品总价动态增减？

错误根源 #

你的计算逻辑完全依赖当前显示的总价来推导，没有固定保存单个商品的单价，导致多次加减后计算逻辑彻底混乱：

• 初始单价10、数量1、总价10，点+后用10×2=20（正确），但此时总价变为20
• 再次点+时，会用20×3=60（错误，正确应为10×3=30）
• 减号操作时用总价除以当前数量，同样会因之前的错误累积导致结果偏差

修正步骤 #

1. 新增变量固定保存单个商品的单价，不再从总价标签取数计算
2. 始终用「单价 × 数量」的逻辑计算总价，避免循环依赖总价标签的数值
3. 优化可选值处理，移除容易引发崩溃的强制解包（!）

修正后的完整代码 #

@IBOutlet weak var counterlbl: UILabel! // 数量标签
@IBOutlet var costLbl: UILabel! // 总价标签

var counter = 1 // 当前商品数量
let singleProductPrice = 10 // 单个商品的单价，替换为你的实际单价

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 初始化显示：数量1，总价=单价×1
    counterlbl.text = String(counter)
    costLbl.text = String(singleProductPrice * counter)
    
    // 减号按钮手势
    let minusTap = UITapGestureRecognizer(target: self, action: #selector(minusImageTapped))
    minusBtn.addGestureRecognizer(minusTap)
    minusBtn.isUserInteractionEnabled = true
    
    // 加号按钮手势
    let plusTap = UITapGestureRecognizer(target: self, action: #selector(plusImageTapped))
    plusBtn.addGestureRecognizer(plusTap)
    plusBtn.isUserInteractionEnabled = true
}

// 减少数量
@objc func minusImageTapped () {
    guard counter > 1 else { return } // 数量不能小于1
    counter -= 1
    updateTotalPrice()
    print("minus")
}

// 增加数量
@objc func plusImageTapped() {
    counter += 1
    updateTotalPrice()
    print("Plus")
}

// 统一更新总价和数量显示
private func updateTotalPrice() {
    let totalPrice = singleProductPrice * counter
    counterlbl.text = String(counter)
    costLbl.text = String(totalPrice)
}

额外优化建议 #

• 若单价从服务器或其他渠道获取，确保初始化时赋值给singleProductPrice
• 支持小数价格（如9.99元）时，将Int替换为Double，显示用String(format: "%.2f", totalPrice)保留两位小数
• 彻底移除强制解包，避免标签文本为空或非数字导致崩溃

内容的提问来源于stack exchange，提问作者Frank Castle