iOS 8 - 在Interface Builder中更改UILabel上的字符间距

Question

无论如何使用Interface Builder更改UILabel文本上的字符间距(轨道)？如果没有,有没有办法在已经使用属性文本创建的现有UILabel上以编程方式执行此操作？

Answer 1

我知道它不是Interface Builder解决方案,但您可以创建UILabel扩展,然后为UILabel您想要的任何内容添加间距:

extension UILabel {
  func addCharacterSpacing(kernValue: Double = 1.15) {
    if let labelText = text, labelText.count > 0 {
      let attributedString = NSMutableAttributedString(string: labelText)
      attributedString.addAttribute(NSAttributedStringKey.kern, value: kernValue, range: NSRange(location: 0, length: attributedString.length - 1))
      attributedText = attributedString
    }
  }
}

考虑更改默认kernValue的1.15的东西,能与您的设计更好.

实现时总是在设置文本值后添加字符间距:

myLabel.text = "We used to be so close"
myLabel.addCharacterSpacing()

如果您计划在应用程序的不同位置使用不同的间距,则可以覆盖默认的kern值:

myLabelWithSpecialNeeds.addCharacterSpacing(kernValue: 1.3)

Answer 2

现在结束使用它来获取现有的属性文本并修改以添加字符间距:

let attributedString = discoveryTitle.attributedText as NSMutableAttributedString
attributedString.addAttribute(NSKernAttributeName, value: 1.0, range: NSMakeRange(0, attributedString.length))
discoveryTitle.attributedText = attributedString

斯威夫特3:

let attributedString = NSMutableAttributedString(string: discoveryTitle.text)
attributedString.addAttribute(NSKernAttributeName, value: CGFloat(1.0), range: NSRange(location: 0, length: attributedString.length))
discoveryTitle.attributedText = attributedString

在Swift 3中使用NSRange而不是NSMakeRange.

Answer 3

对于完全静态的文本,如视图的标题或特别是launchScreen,您可以插入占用极小宽度的字母(例如'l'字符)0 opacity.或者将其颜色设置为与背景相同.

我知道这个事实,这不是最漂亮的解决方案,但它是唯一能够在不编写任何代码的情况下工作的解决方案 - 直到您可以通过在Xcode中指定属性来实现.

编辑/附加想法:为了使您的间距更加可变,您可以更改填充字符之间的字体大小.(感谢@ mohamede1945的想法)

Answer 4

Swift 3.2和界面构建器

extension UILabel {

    @IBInspectable
    var letterSpace: CGFloat {
        set {
            let attributedString: NSMutableAttributedString!
            if let currentAttrString = attributedText {
                attributedString = NSMutableAttributedString(attributedString: currentAttrString)
            }
            else {
                attributedString = NSMutableAttributedString(string: text ?? "")
                text = nil
            }

            attributedString.addAttribute(NSKernAttributeName,
                                           value: newValue,
                                           range: NSRange(location: 0, length: attributedString.length))

            attributedText = attributedString
        }

        get {
            if let currentLetterSpace = attributedText?.attribute(NSKernAttributeName, at: 0, effectiveRange: .none) as? CGFloat {
                return currentLetterSpace
            }
            else {
                return 0
            }
        }
    }
}

Answer 5

试试这个!!

创建CustomLabel类

@interface CustomLabel : UILabel
@property (assign, nonatomic) CGFloat myLineSpacing;
@end


@implementation CustomLabel

- (void)setMyLineSpacing:(CGFloat)myLineSpacing {
    _myLineSpacing = myLineSpacing;
    self.text = self.text;
}

- (void)setText:(NSString *)text {
    NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
    paragraphStyle.lineSpacing = _myLineSpacing;
    paragraphStyle.alignment = self.textAlignment;
    NSDictionary *attributes = @{NSParagraphStyleAttributeName: paragraphStyle};
    NSAttributedString *attributedText = [[NSAttributedString alloc] initWithString:text
                                                                         attributes:attributes];
    self.attributedText = attributedText;
}

并设置运行时属性

请注意,这实际上是行间距(也称为前导 ...在过去的日子里(前数字)你要在线之间放置铅(金属)以增加线之间的间隙.对于字母之间的间距,这称为字距调整.这里是如何做字距调整/sf/answers/1479880951/

Answer 6

为什么你们所有人都在定义NSMUTABLEAttributedString.您不必明确设置范围.它使emojis有时看起来很奇怪.这是我的解决方案,在Swift 4中测试过.

extension UILabel {
    func addCharactersSpacing(_ value: CGFloat = 1.15) {
        if let textString = text {
            let attrs: [NSAttributedStringKey : Any] = [.kern: value]
            attributedText = NSAttributedString(string: textString, attributes: attrs)
        }
    }
}

Answer 7

SWIFT 4 UILabel 扩展：

import UIKit

extension UILabel {

    @IBInspectable
    var letterSpace: CGFloat {
        set {
            let attributedString: NSMutableAttributedString!
            if let currentAttrString = attributedText {
                attributedString = NSMutableAttributedString(attributedString: currentAttrString)
            } else {
                attributedString = NSMutableAttributedString(string: text ?? "")
                text = nil
            } 
            attributedString.addAttribute(NSAttributedString.Key.kern,
                                          value: newValue,
                                          range: NSRange(location: 0, length: attributedString.length))
            attributedText = attributedString
        }

        get {
            if let currentLetterSpace = attributedText?.attribute(NSAttributedString.Key.kern, at: 0, effectiveRange: .none) as? CGFloat {
                return currentLetterSpace
            } else {
                return 0
            }
        }
    }
}

Answer 8

受budidinho的回答启发,这是一个更灵活的解决方案,适用于您希望更改具有不同线间距的标签的间距.无需进入函数并更改值,您只需将其作为参数传递即可.

extension UILabel {
  func setTextSpacingBy(value: Double) {
    if let textString = self.text {
      let attributedString = NSMutableAttributedString(string: textString)
      attributedString.addAttribute(NSKernAttributeName, value: value, range: NSRange(location: 0, length: attributedString.length - 1))
      attributedText = attributedString
    }
  }
}