如何在iOS的Swift中自定义价格按钮文本

Question

我有2个UIButton，如下图所示。在这里，我需要自定义两个完全相同的文本，该怎么做。

建议我如何在情节提要中（使用标签/视图..）或以编程方式执行此操作。在标签或按钮文本如图所示的情况下，为我提供一些NSAttributtedstring的代码。

Answer 1

您可以在 func 下使用它：

extension UILabel {
    func setAttributes(price : String) {
        let font:UIFont? = UIFont.boldSystemFont(ofSize: 22)
        let fontSuper:UIFont? = UIFont.boldSystemFont(ofSize: 15)
        let aDotRange = (price as NSString).range(of: ".")

        let attString:NSMutableAttributedString = NSMutableAttributedString(string: price, attributes: [.font:font!])

        attString.setAttributes([.font:fontSuper!,.baselineOffset:5], range: NSRange(location:0,length:1))

        attString.setAttributes([.font:fontSuper!,.baselineOffset:5],
                                range: NSRange(location:aDotRange.location,length:4))
        attString.setAttributes([.font:font!],
                                range: NSRange(location:1,length:aDotRange.location - 1 ))
        attString.setAttributes([.font:fontSuper!],
                                range: NSRange(location:aDotRange.location + 4,
                                               length: (price.count) - (aDotRange.location + 4) ))
        self.attributedText = attString
    }

}

虚拟代码：

lblPrice.setAttributes(price: "$249.99 / mon")
lblPrice.layer.cornerRadius = 4
lblPrice.layer.borderWidth = 1.0
lblPrice.layer.borderColor = UIColor.blue.cgColor

lblPrice2.setAttributes(price: "$999.99 / 6 mo")
lblPrice2.layer.cornerRadius = 4

输出：

Answer 2

您可以使用UIViews和UILabels设计按钮，并将tapGestures添加到UIViews进行用户交互。