3.1_创建和配置UILabel

UILabel 是 UIKit 中用于在屏幕上显示静态文本的控件。你可以使用 UILabel 来显示标题、描述、状态信息等等。让我们一起探索如何创建和配置 UILabel，让你的应用界面更加丰富多彩！🎉

创建 UILabel

首先，我们需要创建一个 UILabel 的实例。你可以通过以下两种方式创建：

1. 使用代码创建： 这是最常见的方式，尤其是在非 Storyboard 的项目中。

   let myLabel = UILabel()

2. 使用 Interface Builder (Storyboard/XIB)： 虽然我们这里不使用 Storyboard，但了解一下也是好的。你可以拖拽一个 UILabel 到你的视图中，然后在代码中连接它。

配置 UILabel 的基本属性

创建 UILabel 后，你需要配置它的各种属性，例如文本内容、字体、颜色和对齐方式。

• 文本内容 (text)： 设置 UILabel 显示的文本。

  myLabel.text = "你好，世界！"

• 字体 (font)： 设置文本的字体样式和大小。

  myLabel.font = UIFont.systemFont(ofSize: 16) // 系统字体，大小 16
  myLabel.font = UIFont.boldSystemFont(ofSize: 18) // 粗体系统字体，大小 18
  myLabel.font = UIFont(name: "Helvetica", size: 20) // 指定字体名称和大小

• 文本颜色 (textColor)： 设置文本的颜色。

  myLabel.textColor = UIColor.red // 红色
  myLabel.textColor = UIColor.blue // 蓝色
  myLabel.textColor = UIColor.black // 黑色

• 背景颜色 (backgroundColor)： 设置 UILabel 的背景颜色。

  myLabel.backgroundColor = UIColor.yellow // 黄色
  myLabel.backgroundColor = UIColor.lightGray // 浅灰色

• 文本对齐方式 (textAlignment)： 设置文本的对齐方式。

  myLabel.textAlignment = .left // 左对齐
  myLabel.textAlignment = .center // 居中对齐
  myLabel.textAlignment = .right // 右对齐

设置 UILabel 的尺寸和位置

UILabel 的尺寸和位置非常重要，你需要确保它在屏幕上正确显示。你可以通过设置 frame 属性来控制。

myLabel.frame = CGRect(x: 20, y: 100, width: 200, height: 30) // x, y, width, height

• x, y： UILabel 左上角的坐标。
• width： UILabel 的宽度。
• height： UILabel 的高度。

你也可以使用 Auto Layout 来自动调整 UILabel 的尺寸和位置，这在处理不同屏幕尺寸时非常有用。

其他常用属性

• numberOfLines： 设置 UILabel 可以显示的行数。如果设置为 0，则表示不限制行数。

  myLabel.numberOfLines = 0 // 不限制行数

• lineBreakMode： 设置文本的换行方式。

  myLabel.lineBreakMode = .byWordWrapping // 按单词换行
  myLabel.lineBreakMode = .byTruncatingTail // 末尾省略号

• shadowColor 和 shadowOffset： 设置文本的阴影颜色和偏移量。

  myLabel.shadowColor = UIColor.gray // 阴影颜色
  myLabel.shadowOffset = CGSize(width: 1, height: 1) // 阴影偏移量

示例代码

下面是一个完整的示例代码，展示如何创建一个 UILabel 并添加到视图中。

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let myLabel = UILabel()
        myLabel.text = "欢迎来到我的应用！"
        myLabel.font = UIFont.systemFont(ofSize: 20)
        myLabel.textColor = UIColor.white
        myLabel.backgroundColor = UIColor.darkGray
        myLabel.textAlignment = .center
        myLabel.frame = CGRect(x: 20, y: 100, width: 300, height: 50)

        view.addSubview(myLabel)
    }
}

这段代码创建了一个 UILabel，设置了它的文本、字体、颜色、对齐方式和位置，然后将它添加到视图控制器的视图中。运行这段代码，你就可以在屏幕上看到 UILabel 了！🎉

希望这个教程能帮助你更好地理解和使用 UILabel。加油！💪