iT邦幫忙

DAY 12
1

Swift - 從菜菜鳥到菜鳥的 30 天系列 第 12

[Swift-d12] - Basic - 基本元件 (Label, Button, UIColor, 文字輸入框)

  • 分享至 

  • xImage
  •  

小弟的規劃表 - http://blog.kerkerj.in/blog/2014/11/01/planning/

好讀版 - http://blog.kerkerj.in/blog/2014/10/12/swift-d12/

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

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

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

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

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

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

因此程式的流程是:

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

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

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

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

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

接著就會產生出一段 function:

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

titleLabel.text = titleField.text

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

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

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


上一篇
[Swift-d11] - Basic - Hello World! ViewController
下一篇
[Swift-d13] - Basic - Navigation View 1 + ViewController
系列文
Swift - 從菜菜鳥到菜鳥的 30 天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
henryfan
iT邦新手 5 級 ‧ 2014-10-13 10:21:53

實際 Run 起來真的很開心噎!第一個 Hello World 的 Swift 程式!

我要留言

立即登入留言