【iOS開發】簡易加法計算器的實現
需求描述
實現一個簡易的加法計算器，可實現對整數和浮點數的加法運算，輸出結果保留到小數點后面兩位。
程序實現
新建一個名字為“Add”的iOS工程，打開Main.storyboard，將兩個TextField、兩個Label和一個Button拖入界面中，并擺放整齊，如圖1所示。
圖1 界面元素擺放示意圖
在圖1中，我們將其中一個Label命名為“+”，表示操作符，同時，將Button命名為“=”，當點擊該Button的時候，即可看到運算的結果。
接下來，我們要讓每個元素發揮它們應有的功能。點擊Xcode左上方的第二個按鈕，之后點擊“ViewController.h”文件，操作完成之后的界面如圖2所示。
圖2 關聯控件之前的界面示意圖
在圖2中，我們按住鍵盤上的“control”鍵，同時用鼠標將最左邊的TextField拖入到“ViewController.h”文件的“@interface”和“@end”之間的空白區域，并松開“control”鍵和鼠標，彈出的操作界面如圖3所示。
圖3 關聯第一個TextField示意圖
在圖3中，我們設置Name為“JS1”，并單擊Connect，即可成功生成該TextField與程序中的JS1變量之間的關聯關系。
對于另一個TextField，我們執行同樣的操作，只是設置Name為“JS2”。
對于最下面的Label，我們設置Name為“HE”，并單擊Connect，即可成功生成該Label與程序中的HE變量之間的關聯關系。整個操作過程如圖4所示。
圖4 關聯最下面的Label的示意圖
最后需要做關聯操作的是Button，我們同樣按住鍵盤上的“control”鍵，同時用鼠標將Button拖入到“ViewController.h”文件的“@interface”和“@end”之間的空白區域，并松開“control”鍵和鼠標，彈出的操作界面如圖5所示。
圖5 關聯Button的示意圖
在圖5中，我們選擇Connection為“Action”，設置Name為“Add”，并單擊Connect，即可將Button關聯到Add操作上。
整個關聯操作完成之后的ViewController.h文件內容如圖6所示。
圖6 整個關聯操作完成之后的ViewController.h文件內容
在圖6中，最左邊的圓點表示控件和代碼已經關聯起來了。
下一步操作，我們要修改ViewController.m文件中sender函數的代碼，讓其執行加法操作。修改之后的sender函數的代碼及注釋如下：
- - (IBAction)Add:(id)sender {
- NSString *numStr1 = self.JS1.text; // 獲取第一個加數
- NSString *numStr2 = self.JS2.text; // 獲取第二個加數
- float num1 = [numStr1 floatValue]; // 將第一個加數轉換為float型
- float num2 = [numStr2 floatValue]; // 將第二個加數轉換為float型
- float sum = num1 + num2; // 獲取兩個數的和
- self.HE.text = [@"" stringByAppendingFormat:@“%0.2f",sum]; // 將最終的結果輸出到界面上
- }
編譯并運行程序，其結果如圖7所示。
圖7 程序運行界面
在圖7中，我們輸入兩個數，并單擊=，即可計算出它們的和。同時也可以看到，最終的結果保留了兩位小數。
總結
本文實現了一個簡易的加法計算器，通過本文，大家可以了解iOS開發中界面元素和代碼之間實現關聯的方法。具體到本文中的代碼，大家可以對之進行修改，實現加減乘除四則運算等更加復雜的操作。
【本文是51CTO專欄作者周兆熊的原創文章，作者微信公眾號：周氏邏輯(logiczhou)】
