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

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