IOS开发-简单的加法计算器swift版本
近日开始学习IOS开发。想找一个简单版本较新的IOS开发教程都很难:(1)现在找的很多都是object-C的,不是swift的,(2)老版与最新版本swift中很多语法也不适配,(3)Xcode版本和用法也不一样。
因此,今天自己写一个最简单的教程,用于swift入门,记录自己的学习。
一、基础步骤
基础步骤就是项目类型、项目名称、项目位置的选取。
1.创建APP
2.项目类型为 简单的view
3.项目名称:加法计算器
4.结果
二、界面拖拽
1、打开故事版,找到UI部件框,搜索需要的部件——输入框、Label、按钮
2、拖拽部件、部件位置布局、部件更名,右边为其结果
3、选择展示设备、选择运行设备、运行程序查看结果
4、运行结果,布局已经实现
三、功能实现
3.1 输入框定义
1、左右展示storyboard与ViewController文件,用于拖拉式实现部件定义和部件功能添加。
2、方式1:text部件定义,按住control,鼠标拖拽至ViewController对应空白处,接着添加名称以及修改属性。
方式2:输入语句,将代码前的空心点拖拽左边的UITextField
@IBOutlet weak var sum: UITextField!
3、定以后的结果如下。
使用方式1拖拽num1,num2定义,使用代码和空心圈绑定至左边UITextField。
3.2 按钮功能
1、添加Action作为响应
生成如下的代码,我们可以将功能函数写在calculate方法的代码内
2、编写计算的代码和清空的代码
//计算方法
//sum = num1+num2
@IBAction func calculate(_ sender: Any) {
//1.Option类型转为String:XX!
//2.String类型转为Int: Int(XX)!
let value1:Float = Float(num1.text!)!
let value2:Float = Float(num2.text!)!
//3.Int类型转为String:String(XX)
let result:String = String(value1+value2)
//4.改变结果框的颜色
sum.textColor = UIColor .cyan
//5.sum.text 展示的类型为String
sum.text = result
}
//重置方法
@IBAction func reset(_ sender: Any) {
//清空输入框的内容
num1.text = ""
num2.text = ""
sum.text = ""
}
3、结果,可以实现浮点数相加的功能
四、项目代码
1、ViewController代码
//
// ViewController.swift
// Calculation_add
//
// Created by iris on 2019/2/25.
// Copyright © 2019 iris. All rights reserved.
//
import UIKit
class ViewController: UIViewController {
//UITextField的定义
@IBOutlet weak var num1: UITextField!
@IBOutlet weak var num2: UITextField!
@IBOutlet weak var sum: UITextField!
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
}
//计算方法
//sum = num1+num2
@IBAction func calculate(_ sender: Any) {
//1.Option类型转为String:XX!
//2.String类型转为Int: Int(XX)!
let value1:Float = Float(num1.text!)!
let value2:Float = Float(num2.text!)!
//3.Int类型转为String:String(XX)
let result:String = String(value1+value2)
//4.改变结果框的颜色
sum.textColor = UIColor .cyan
//5.sum.text 展示的类型为String
sum.text = result
}
//重置方法
@IBAction func reset(_ sender: Any) {
//清空输入框的内容
num1.text = ""
num2.text = ""
sum.text = ""
}
}
2、下载资源 CSDN资源