iOS 中的 View 编程指南 (1)：在屏幕上呈现应用内容

2023-09-13 10:14:09

在 iOS 中，Windows 和 views 是屏幕上的主要组成部分。Windows 本身没有任何可见的内容，但是它为应用程序的 views 提供了基本的容器。Views 定义要在 window 的哪一部分填充什么内容。例如，你可能具有显示 images、text 和 buttons 的 view。

Views 使用一个层次结构来组织。每个 view 都可以有子 view，子 view 也可以有子 view，依此类推。这使得您可以创建复杂的界面，其中不同的元素可以相互交互。

要创建一个 view，可以使用 Interface Builder 或编写代码。Interface Builder 是一个可视化编辑器，使您可以轻松地创建和修改 view。如果您想对 view 的外观和行为有更多控制，则可以使用代码来创建它们。

一旦创建了 view，就可以将其添加到 window 中。您可以使用 Interface Builder 或代码来执行此操作。添加到 window 后，view 就会显示在屏幕上。

Views 是 iOS 编程的重要组成部分。了解如何使用它们对于构建美丽的、用户友好的应用程序至关重要。

创建一个简单的界面

让我们创建一个简单的界面来演示如何使用 Windows 和 views。我们将创建一个具有以下元素的界面：

一个 label，显示“Hello, World!”
一个 text field，用户可以输入他们的名字
一个 button，当点击时会打印用户的名字到控制台

首先，创建一个新的 Xcode 项目。选择“Single View Application”模板并输入应用程序的名称。

接下来，打开 Interface Builder 并选择“Main.storyboard”文件。您将看到一个窗口，其中包含一个空的视图。

要添加 label，请将“Label”对象从“Object Library”拖动到视图中。然后，选择 label 并将其文本更改为“Hello, World!”。

要添加 text field，请将“Text Field”对象从“Object Library”拖动到视图中。然后，选择 text field 并将其 placeholder text 更改为“Enter your name”。

要添加 button，请将“Button”对象从“Object Library”拖动到视图中。然后，选择 button 并将其 title 更改为“Print Name”。

现在，我们需要将这些 view 连接到代码。为此，需要创建一个名为“ViewController.swift”的新文件。

在“ViewController.swift”文件中，添加以下代码：

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var label: UILabel!
    @IBOutlet weak var textField: UITextField!

    @IBAction func printName(_ sender: UIButton) {
        let name = textField.text!
        label.text = "Hello, \(name)!"
    }

}

此代码将 label、text field 和 button 与它们在 Interface Builder 中的对应项连接起来。它还定义了一个名为 printName() 的方法，当点击 button 时调用该方法。在 printName() 方法中，我们获取 text field 中输入的文本并将其打印到 label 中。

现在，您可以运行应用程序并测试它。当您点击 button 时，您应该会看到 label 中显示“Hello, !”。