携手创造,共同成长!这是我参加「日新方案 8 月更文挑战」的第20天,点击查看活动详情

最近在学习移动端开发,记录一下曾经端视角学习 IOS 开发的过程。这是我整理了 Swift4 的学习笔记。本次我们将凭借前面的基础知识,开发一个使用。

开始

  • 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”

Swift4 - 学习笔记:简单使用 Storyboard | 练习一个应用

Swift4 - 学习笔记:简单使用 Storyboard | 练习一个应用

ViewController

MVC

Swift4 - 学习笔记:简单使用 Storyboard | 练习一个应用

Swift4 - 学习笔记:简单使用 Storyboard | 练习一个应用

Swift4 - 学习笔记:简单使用 Storyboard | 练习一个应用

Swift4 - 学习笔记:简单使用 Storyboard | 练习一个应用

创建一个textInput ,类别为UITextField。

Swift4 - 学习笔记:简单使用 Storyboard | 练习一个应用

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

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

下面这个比如,将输入的小写,转换为大写。

Swift4 - 学习笔记:简单使用 Storyboard | 练习一个应用

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

实例

  • 产生一个随机数

Swift4 - 学习笔记:简单使用 Storyboard | 练习一个应用

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

注册Apple开发者账号

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

登录之后会有相关的Doc

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

Swift4 - 学习笔记:简单使用 Storyboard | 练习一个应用

Swift4 - 学习笔记:简单使用 Storyboard | 练习一个应用

然后你可以到项目的根目录,便是前面说到的设置项目信息中,设置:

Swift4 - 学习笔记:简单使用 Storyboard | 练习一个应用

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