什么是UI元素?
UI元素是我们应用程序里可以看见的任何可视元素,其中一些元素响应用户的操作,如按钮、文本字段,有其他的丰富内容,如图像、标签等。
如何添加UI元素?
可以在界面生成器的参与下,在代码中添加UI元素。如果需要,我们可以使用他们其中之一。
我们关注的
通过代码,将集中于添加UI元素到应用程序。比较简单而直接的方法是使用界面生成器拖放UI元素。
方法
以下我们通过创建一款简单的IOS应用程序,来解释一些UI元素
步骤
1、在第一款IOS程序里一样,创建一个Viewbased应用程序
2、只更新ViewController.h和ViewController.m文件
3、然后我们将方法添加到ViewController.m文件中来创建UI元素
4、在viewDidLoad方法中调用此方法
5、重要的代码行已经在代码中通过在单行上方标注的方式进行了注释
用户界面元素列表
下面解释具体的UI元素和其相关的功能
序号 | 具体的UI元素或功能 |
---|---|
1 | Text Fields-文本字段 用户界面元素,使用应用程序来获取用户输入 |
2 | 输入类型-TextFields 用户可以通过使用UITextField来赋予键盘输入属性 |
3 | Buttons-按钮 用于处理用户操作 |
4 | Label-标签 用于显示静态内容 |
5 | Toolbar-工具栏 操纵当前视图所显示的东西 |
6 | Status Bar-状态栏 显示设备的关键信息 |
7 | Navigation Bar-导航栏 包含一个可以推断的视图控制器,并弹出导航控制器的导航按钮 |
8 | Tab bar-选项卡栏 一般用于各个子任务、视图或同一视图中的模型之间的切换. |
9 | Image View-图像视图 用于显示一个简单的图像序列 |
10 | Scroll View-滚动视图 用来显示更多屏幕区域的内容 |
11 | Table View-列表视图 用于在多个行或部分中显示可滚动列表的数据 |
12 | IOS分割视图(Split View) 用于在详细信息窗格上显示两个窗格与主窗格的控制信息 |
13 | Text View-文本视图 用于显示滚动列表的文本信息可以被选中和编辑 |
14 | View Transition -视图切换 各种视图查看之间的切换 |
15 | Pickers-选择器 用来显示从列表中选择一个特定的数据 |
16 | Switches-开关 用作禁用和启用操作 |
17 |
IOS滑块(Sliders) 用来允许用户在允许的值范围内选对一个值 |
18 |
IOS警告对话框(Alerts) 用来给用户提供重要的信息 |
19 |
IOS图标(Icons) 它是图像,表示用于行动或描绘与应用程序相关的东西 |