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