IBOutlet & IBAction 將StoryBoard結合程式碼

這次的作業主題是「現在做什麼?」
因為有人常常不知道要做什麼( 絕對不是我!我每天都忙到爆炸)
所以簡單做個APP讓這些人在困頓的時候有一盞明燈
本來做兩頁式,但是兩頁資料互拋還沒學到,所以濃縮成一頁

作業難,寫教學文更難
想到小學教表妹數學把她教到哭就知道我非老師的料
但是我還是會盡力,不辜負小王子的苦心!

來~開始

一:說明
以前主要是在StoryBoard置入元件(Label, Img, Button…)
但是這些元件在前台,無法與後台的程式互動
(有些會互動是因為Xcode幫使用者自動長出互動程式)
所以想要控制前台元件就必須先讓後台認識前台元件

方法很簡單,還有兩種選擇
但是預備環境先準備好:
一:新增Swift文件並在專案中打開(圖示1)
接下來就可以在2或3的區塊直接拉元件

二:按住ctrl+右鍵選擇元件拖曳到程式碼視窗,記得拉進class UIViewController裡面,出現藍色箭頭後就可以放開右鍵

三:系統會依照你的元件自動顯示

拉圖片就會自動顯示UIImageView
拉按鈕就會出現UIButton,這時候記得將連結方式選擇為「Action」

設定完所有名稱後,後台就認識前台的元件了!
接下來就可以寫程式碼讓指定前台元件的動作囉~~

架構上,這個APP只有一個按鈕,按下按鈕後依據判斷呈現建議結果
所以判斷的程式碼寫在按下按鈕之後要做的事
因為改變條件後都要先把下方區塊清空,
所以按下按鈕後首先要將所有圖片隱藏

對於自己這麼醜的APP感到汗顏,真心佩服耐心做美美畫面的學長姐&同學

最後提供示意動畫

專案包請笑納~~