今天來放一些基本的元件:

放入一個文字輸入框、文字標簽、按鈕,

在文字框輸入一些字後,按下按鈕後,會在文字標簽顯示剛剛輸入的內容:

首先使用右下角的 Object library 中將上述三種元件拉到 storyborad 中

image

圖中依順序是文字標簽、文字輸入框、按鈕

接著我們要使用到的文件是文字標簽以及文字輸入框,另外要將按鈕加入事件

因此程式的流程是:

按下按鈕後-> 執行按鈕事件 -> 抓到文字輸入框的輸入內容 -> 將文字標簽的內容改變成文字輸入框的內容

因此先使用昨天的方式,將文字標簽及文字輸入框拉到 ViewController 中以便使用它們,在圖中的程式碼 12, 13 行:

image

這樣我們就可以控制文字標簽的文字以及拿到輸入框的文字了

再來就是最重要的按鈕事件了!

一樣使用 ctrl + 拖曳的方式將按鈕拉到程式碼中,但是這次是要選擇 「IBAction」,是事件的意思:

image

接著就會產生出一段 function:

image

名為 titleButton, 我們在方法中輸入一行程式碼:

titleLabel.text = titleField.text

意思就是將文字標簽的字改成文字輸入框的文字

接著我們就把程式跑起來吧!

image

在文字框中輸入文字,按下按鈕,標簽就可以變文字了!