iOS - UI 元素



什么是 UI 元素?

UI 元素是我们应用程序中可以看到的可视化元素。其中一些元素响应用户交互,例如按钮、文本字段,而另一些则提供信息,例如图像、标签。

如何添加 UI 元素?

我们既可以在代码中添加 UI 元素,也可以借助界面构建器添加。根据需要,我们可以使用其中任何一个。

我们的重点

我们将更多地关注在我们的应用程序中通过代码添加 UI 元素。使用界面构建器很简单且直接,我们只需要拖放 UI 元素即可。

我们的方法

我们将创建一个简单的 iOS 应用程序,并用它来解释一些 UI 元素。

步骤 1 - 创建一个基于视图的应用程序,就像我们在第一个 iOS 应用程序中所做的那样。

步骤 2 - 我们将只更新 ViewController.h 和 ViewController.m 文件。

步骤 3 - 然后,我们向 ViewController.m 文件添加一个专门用于创建 UI 元素的方法。

步骤 4 - 我们将在 viewDidLoad 方法中调用此方法。

步骤 5 - 代码中重要的代码行已在这些代码行上方的单行注释中进行了解释。

UI 元素列表

下面解释了 UI 特定元素及其相关功能:

序号 UI 特定元素
1 文本字段

它是一个 UI 元素,使应用程序能够获取用户输入。

2 输入类型 - 文本字段

我们可以使用 UITextField 的 keyboard 属性来设置用户可以提供的输入类型。

3 按钮

它用于处理用户操作。

4 标签

它用于显示静态内容。

5 工具栏

如果我们想根据当前视图操作某些内容,可以使用它。

6 状态栏

它显示设备的关键信息。

7 导航栏

它包含导航控制器的导航按钮,导航控制器是一个可以推送和弹出视图控制器的堆栈。

8 标签栏

它通常用于在同一视图内的各种子任务、视图或模型之间切换。

9 图像视图

它用于显示简单的图像或图像序列。

10 滚动视图

它用于显示超出屏幕区域的内容。

11 表视图

它用于以多行和多节的形式显示可滚动的列表数据。

12 分割视图

它用于显示两个窗格,其中主窗格控制详细信息窗格上的信息。

13 文本视图

它用于显示可滚动的文本信息列表,这些信息可以选择性地进行编辑。

14 视图过渡

它解释了视图之间各种视图过渡。

15 选择器

它用于从列表中选择特定数据。

16 开关

它用作操作的禁用和启用。

17 滑块

它允许用户在允许值的范围内调整值或过程。

18 警报

它用于向用户提供重要信息。

19 图标

它是用于操作或描述与应用程序相关的某些内容的图像表示。

广告