如何計算特定字體和字體大小的文本字符串的寬度？

Question

我有一個顯示一些字符的 UILabel。 如“x”、“y”或“rpm”。 如何計算標簽中文本的寬度（它不使用整個可用空間）？ 這是用於自動布局，如果 UILabel 中的文本較小，則另一個視圖將具有更大的框架矩形。 指定 UIFont 和字體大小時，是否有方法計算文本的寬度？ 也沒有換行符，只有一行。

Answer 1

我有一個顯示一些字符的UILabel。 如“ x”，“ y”或“ rpm”。 如何計算標簽中文本的寬度（它不會占用整個可用空間）？ 這是用於自動布局的，如果UILabel的內部文本較小，則另一個視圖將具有較大的框架矩形。 指定了UIFont和字體大小時，是否有方法來計算文本的寬度？ 也沒有換行符，只有一行。

Answer 2

我有一個顯示一些字符的UILabel。 如“ x”，“ y”或“ rpm”。 如何計算標簽中文本的寬度（它不會占用整個可用空間）？ 這是用於自動布局的，如果UILabel的內部文本較小，則另一個視圖將具有較大的框架矩形。 指定了UIFont和字體大小時，是否有方法來計算文本的寬度？ 也沒有換行符，只有一行。

Answer 3

我有一個顯示一些字符的UILabel。 如“ x”，“ y”或“ rpm”。 如何計算標簽中文本的寬度（它不會占用整個可用空間）？ 這是用於自動布局的，如果UILabel的內部文本較小，則另一個視圖將具有較大的框架矩形。 指定了UIFont和字體大小時，是否有方法來計算文本的寬度？ 也沒有換行符，只有一行。

Answer 4

我有一個顯示一些字符的UILabel。 如“ x”，“ y”或“ rpm”。 如何計算標簽中文本的寬度（它不會占用整個可用空間）？ 這是用於自動布局的，如果UILabel的內部文本較小，則另一個視圖將具有較大的框架矩形。 指定了UIFont和字體大小時，是否有方法來計算文本的寬度？ 也沒有換行符，只有一行。

Answer 5

我有一個顯示一些字符的UILabel。 如“ x”，“ y”或“ rpm”。 如何計算標簽中文本的寬度（它不會占用整個可用空間）？ 這是用於自動布局的，如果UILabel的內部文本較小，則另一個視圖將具有較大的框架矩形。 指定了UIFont和字體大小時，是否有方法來計算文本的寬度？ 也沒有換行符，只有一行。

Answer 6

我有一個顯示一些字符的UILabel。 如“ x”，“ y”或“ rpm”。 如何計算標簽中文本的寬度（它不會占用整個可用空間）？ 這是用於自動布局的，如果UILabel的內部文本較小，則另一個視圖將具有較大的框架矩形。 指定了UIFont和字體大小時，是否有方法來計算文本的寬度？ 也沒有換行符，只有一行。

Answer 7

我有一個顯示一些字符的UILabel。 如“ x”，“ y”或“ rpm”。 如何計算標簽中文本的寬度（它不會占用整個可用空間）？ 這是用於自動布局的，如果UILabel的內部文本較小，則另一個視圖將具有較大的框架矩形。 指定了UIFont和字體大小時，是否有方法來計算文本的寬度？ 也沒有換行符，只有一行。

Answer 8

我有一個顯示一些字符的UILabel。 如“ x”，“ y”或“ rpm”。 如何計算標簽中文本的寬度（它不會占用整個可用空間）？ 這是用於自動布局的，如果UILabel的內部文本較小，則另一個視圖將具有較大的框架矩形。 指定了UIFont和字體大小時，是否有方法來計算文本的寬度？ 也沒有換行符，只有一行。

Answer 9

我有一個顯示一些字符的UILabel。 如“ x”，“ y”或“ rpm”。 如何計算標簽中文本的寬度（它不會占用整個可用空間）？ 這是用於自動布局的，如果UILabel的內部文本較小，則另一個視圖將具有較大的框架矩形。 指定了UIFont和字體大小時，是否有方法來計算文本的寬度？ 也沒有換行符，只有一行。

Answer 10

我有一個顯示一些字符的UILabel。 如“ x”，“ y”或“ rpm”。 如何計算標簽中文本的寬度（它不會占用整個可用空間）？ 這是用於自動布局的，如果UILabel的內部文本較小，則另一個視圖將具有較大的框架矩形。 指定了UIFont和字體大小時，是否有方法來計算文本的寬度？ 也沒有換行符，只有一行。

Answer 11

我有一個顯示一些字符的UILabel。 如“ x”，“ y”或“ rpm”。 如何計算標簽中文本的寬度（它不會占用整個可用空間）？ 這是用於自動布局的，如果UILabel的內部文本較小，則另一個視圖將具有較大的框架矩形。 指定了UIFont和字體大小時，是否有方法來計算文本的寬度？ 也沒有換行符，只有一行。

Answer 12

我有一個顯示一些字符的UILabel。 如“ x”，“ y”或“ rpm”。 如何計算標簽中文本的寬度（它不會占用整個可用空間）？ 這是用於自動布局的，如果UILabel的內部文本較小，則另一個視圖將具有較大的框架矩形。 指定了UIFont和字體大小時，是否有方法來計算文本的寬度？ 也沒有換行符，只有一行。

Answer 13

我有一個顯示一些字符的UILabel。 如“ x”，“ y”或“ rpm”。 如何計算標簽中文本的寬度（它不會占用整個可用空間）？ 這是用於自動布局的，如果UILabel的內部文本較小，則另一個視圖將具有較大的框架矩形。 指定了UIFont和字體大小時，是否有方法來計算文本的寬度？ 也沒有換行符，只有一行。

Answer 14

Swift5 的 SwiftUI

在 SwiftUI 中，您找不到將 UIFont 轉換為 Font 的簡單方法。 所以以前的答案可能不起作用。 您可以在overlay()修飾符中使用GeometryReader{ geometryProxy in }來獲取文本大小。 請注意，如果您不在 overlay() 中使用它，View 將盡可能地擴展。

如果您想將變量傳遞出去，您可能需要編寫一個 View 擴展函數來執行此操作。

Text("Lat.: \(latitude), Lon.: \(longitude) ")
    .font(Font.custom("ChalkboardSE-Light",size: 20))
    .overlay(
    GeometryReader{ geometryProxy in
        Image("button_img")
             .resizable()
             .frame(width: 10 , height: 10)
             .offset(x: geometryProxy.size.width)
             .extensionFunction{ //... }
              })
    

幾天前我從另一個線程復制了擴展功能。

extension View{
    func extensionFunction(_ closure:() -> Void) -> Self{
        closure()
        return self
    }
    
}

Answer 15

2022 年更新。

對於這個非常古老的問題/答案，我只是采用當前始終有效的方式來做，這是下面答案的組合。

我總是指的是最常見的情況——不幸的是，這是最棘手的情況——當你從字面上修改drawText#in rect的某些內容時。

fileprivate extension String {
    func realSize(font: UIFont) -> CGSize {
        var s = self.size(withAttributes: [NSAttributedString.Key.font: font])
        s.width = size.width.rounded(.up)
        s.height = size.height.rounded(.up)
        return s
    }
}

請注意，它四舍五入大小（具體來說，向上）。 為什么？ 在大多數情況下，你會想要這個，因為通常布局具有均勻大小的點，這是“你需要的”來匹配其他渲染。

（請注意，無論如何差異絕對很小）。 兩種方式都試試看，如您所願。

因此，例如像

class StableLabel: UILabel {

    override var intrinsicContentSize: CGSize {
        // we arrange to return some fixed-always size ...
    }

    override func drawText(in rect: CGRect) {
        let painful = text!.realSize(font: font)

        // Assuming the size of this label is absolutely fixed by the layout,
        // we want to ALWAYS draw the text sitting at the BOTTOM CENTER
        // of the fixed size of this label, even as the size is changed.
        // For example a focus or such may be changing the point size.

        let left = knownSize.width - painful.width) / 2.0
        let down = knownSize.height - painful.height)
        let r = CGRect(origin: CGPoint(x: left, y: down), size: painful)
        super.drawText(in: r)
    }