iOS开发 - 构建基础UI

330 阅读1分钟
原文链接: medium.com

查看template中的源代码

打开代码文件

打开Project navigator导航界面。这个界面里列出了project的所有文件。选择单击AppDelegate.swift图标,在Editor area处显示。

AppDelegate.swift文件

在这个文件里实现了两个功能:

  • 定义了AppDelegate class。它会为整个app创建一个window,所有的UI组件都会绘制到这个window上面。另外,它还提供了app状态转换的相应方法。
  • 使用@UIApplicationMain attribute创建app的执行入口和event loop。系统会创建一个application object。这个object会管理整个app的life cycle。同时,系统还会创建一个AppDelegate object,并把它分配给application object。最后系统启动应用App

ViewController.swift文件

查看Storyboard

Storyboard显示app的UI和页面之间的跳转。

创建基础UI

Xcode提供一组UI组件。其中一部分可以显示在界面上显示,例如button。另一部分类似手势识别,不会显示在界面上。

所有显示在UI上的元素成为View。View是构建UI的最基础的元素,可以用来给用户 显示信息。并且,View还有内置的功能,例如响应用户的输入。

添加text field

  1. 在Object libray中选择Text Field

2. 在filter field中输入text field

3. 将Text Field object拖入到storyboard上面

设置Text Field的placeholder text

在Placeholder中输入“Enter meal name”

设置TextField的keyboard

在Return Key中选择Done,然后选中Auto-enable Return Key选择框。

当用户输入文字之后,done按钮才会在键盘上显示。

预览UI