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

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

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

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

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

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

因此程式的流程是:

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

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

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

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

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

接著就會產生出一段 function:

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

titleLabel.text = titleField.text

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

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

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

Back to posts