【Swift4】(8) 简单使用Storyboard | 上手练习一个小app | 跑个流程

⭐️ 本文首发自 前端修罗场(点击加入)，是一个由 资深开发者 独立运行 的专业技术社区，我专注 Web 技术、Web3、区块链、答疑解惑、面试辅导以及职业发展。博主创作的 《Web3 实战教程》（点击订阅），已经帮助许多开发者成功铸造 NFT，内容浅显易懂，能够快速对 Web3 相关概念有一个总体认识！

开始

• create xcode project

• Main.storyboard 类似一个电影中的故事板(以图片呈现情节)，在Xcode中是一个UI设计的主画面，APP的外观

  • 右下角，show the Object Library 供设计使用的小元件
  • 将小元件拖到Storyboard上，点选该元件，右侧’Show the Attributes inspector’会出现该元件的属性设置

• ViewControllerller.swift 编码工作

• 点选项目根目录，显示项目信息，基础设置

• playground

• storyboard 如何在不同分辨率大小的屏幕上，设计的元件能达到理想的效果、自适应？

  • 固定元件到屏幕边缘的x,y位置—>点选元件+‘control’键，拉至屏幕，弹出选框，选择"xxx Space To Safe Area"

ViewController

MVC

创建一个textInput ,类别为UITextField。

IBOutlet : Swift的源代码创建的变数，这个变数是连接着某个UI元件
IBAction : 函数，当某个UI有Event事件发生时，会执行这个函数。

这样就会建立起UIView和Controller之间的联系。

下面这个例子，将输入的小写，转换为大写。

• MyViewController.swift

//核心代码
@IBOutlet weak var textInput: UITextField!
@IBOutlet weak var label: UILabel!
    
@IBAction func onUpdateLabelPressed(_ sender: Any) {    
    label.text = textInput.text?.uppercased()
}

实例

• 产生一个随机数

//核心代码
@IBOutlet weak var textInput: UITextField!
@IBOutlet weak var label: UILabel!
    
@IBAction func onUpdateLabelPressed(_ sender: Any) {
  label.text = textInput.text?.uppercased()
}

注册Apple开发者账号

登录：https://developer.apple.com/
导航栏上点选 ‘Account’ ，可用你的AppleID进行登录

登录之后会有相关的Doc

之后回到Xcode中，选择菜单栏上的Preferences(‘偏好设置’),之后进入Account，添加你的AppleID：

然后你可以到项目的根目录，就是前面说到的设置项目信息中，设置：

至此，我们大体将一个app的开发流程跑了一下。当然，后面还需要更进一步学习。下次见^^