ios 富文本 UILabel

实现 iOS 富文本 UILabel 教程

整体流程

journey
    title 教会小白实现 iOS 富文本 UILabel
    section 开始
        开发者 -> 小白: 介绍流程
    section 步骤
        小白 -> 开发者: 学习每个步骤
    section 完成
        开发者 -> 小白: 完成实现

步骤及代码

步骤一：创建 UILabel

首先，我们需要创建一个普通的 UILabel。

// 创建 UILabel
let label = UILabel()

步骤二：设置富文本属性

接着，我们需要设置 UILabel 的富文本属性，比如字体、颜色、对齐方式等。

// 设置富文本属性
label.font = UIFont.systemFont(ofSize: 16) // 设置字体大小为 16
label.textColor = UIColor.black // 设置文本颜色为黑色
label.textAlignment = .center // 设置文本居中对齐

步骤三：设置富文本内容

然后，我们需要设置 UILabel 的富文本内容，可以包含不同样式的文字。

// 设置富文本内容
let attributedString = NSMutableAttributedString(string: "Hello, ")
let boldAttributes: [NSAttributedString.Key: Any] = [
    .font: UIFont.boldSystemFont(ofSize: 16), // 设置粗体字体
    .foregroundColor: UIColor.red // 设置红色字体颜色
]
let boldString = NSAttributedString(string: "World", attributes: boldAttributes)
attributedString.append(boldString)
label.attributedText = attributedString

步骤四：添加 UILabel 到视图上

最后，将 UILabel 添加到视图上显示出来。

// 添加 UILabel 到视图上
view.addSubview(label)
label.translatesAutoresizingMaskIntoConstraints = false
label.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
label.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true

类图

classDiagram
    UILabel <|-- NSAttributedString
    UILabel: - font: UIFont
    UILabel: - textColor: UIColor
    UILabel: - textAlignment: NSTextAlignment
    UILabel: - attributedText: NSAttributedString
    NSAttributedString: - addAttribute
    NSAttributedString: - append
    NSAttributedString: - string

通过以上步骤，你就可以实现一个带有富文本样式的 UILabel。希望对你有所帮助，加油！