IOS开发-简单的加法计算器swift版本

近日开始学习IOS开发。想找一个简单版本较新的IOS开发教程都很难:(1)现在找的很多都是object-C的,不是swift的,(2)老版与最新版本swift中很多语法也不适配,(3)Xcode版本和用法也不一样。

因此,今天自己写一个最简单的教程,用于swift入门,记录自己的学习。

一、基础步骤

基础步骤就是项目类型、项目名称、项目位置的选取。

1.创建APP

1061D097-18CB-43D0-A701-5DF5918FB88E

2.项目类型为 简单的view

4021D54C-0657-4AA8-9610-E0393E03AAEA

3.项目名称:加法计算器

7C7A1489-82F4-4F89-A87C-93E943324EA3

4.结果

A075F8B3-0D21-42D0-AC6C-CBA8AC63B9FE

二、界面拖拽

1、打开故事版,找到UI部件框,搜索需要的部件——输入框、Label、按钮

68EBAC3B-FD47-4C50-816C-7E0169DC7107

2、拖拽部件、部件位置布局、部件更名,右边为其结果

BC40DB01-3FBF-4972-86D0-F473C6647E9E

3、选择展示设备、选择运行设备、运行程序查看结果

EA81D28C-063D-46F5-89F4-100F2D75CCCB

4、运行结果,布局已经实现

580DC3ED-D9A5-419E-8337-990CDC447ECE

三、功能实现

3.1 输入框定义

1、左右展示storyboard与ViewController文件,用于拖拉式实现部件定义和部件功能添加。

B4BFB232-5F12-4740-9B05-305DE0989FBC

2、方式1:text部件定义,按住control,鼠标拖拽至ViewController对应空白处,接着添加名称以及修改属性。

D734C7D6-C317-4E9C-9926-91300B096083

方式2:输入语句,将代码前的空心点拖拽左边的UITextField

@IBOutlet weak var sum: UITextField!

image-20190225172328880

3、定以后的结果如下。

使用方式1拖拽num1,num2定义,使用代码和空心圈绑定至左边UITextField。

80C54522-C287-47AA-87A7-D14554F9E564

3.2 按钮功能

1、添加Action作为响应

image-20190225172930677

生成如下的代码,我们可以将功能函数写在calculate方法的代码内

image-20190225173114660

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、结果,可以实现浮点数相加的功能

image-20190225190104379

四、项目代码

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资源

https://download.csdn.net/user/katherine_java/uploads