IOS學習筆記_透過Segue換頁傳值輸入文字顯示在第二頁

透過Segue換頁傳值輸入文字顯示在第二頁

這篇是用文字框Text Field,讓使用者輸入文字後出現第二頁的畫面上,這時候就會用到UILabel來顯示!

重點是:
會透過Segue 傳值過去第二頁,因此我們要先建立這個換頁時會主動呼叫的方法。
這個方法,會去執行拿第頁二! segue.destinationViewController


首先我們要拉出Text Field 在第1頁上,接下來在第二頁拉出一個UILabel;

當使用者在第一頁輸入文字的時候會透過前篇文章所提到的Segue來把內容傳遞到第二頁的UILabel上!


這時候先必須認識Segue中的兩個重點!
Segue的起點叫做來源Source,而Segue終點叫做目的地destination     

當第一頁轉換到第二頁時會
主動去呼叫一個方法, prepareForSegue




然後設定要拿到第二頁的物件!!










而在文字內容傳遞至第二頁的位置時,還要設定一個接受的位置來接收傳遞過來的內容!

所以我們先去新的ViewController上設定一個要接受傳遞過來內容的位置









然接下來要讓控制器拿到視圖上的文字,這時候我們要建立IBOutLet通道







然後再回到自動呼叫的方法那裡繼續寫以下內容







第一頁完整的程式碼如下














以上我們把第一頁要做的事情寫好了!

接下來我們要做第二頁的部分!
拿到文字後要把文字顯示在視圖,而第二頁的控制器要跟這個label說把這個說所以要建立IBOutLet




最後在第二頁下面viewDidLoad的部分,寫上這句程式碼
將上一頁拿到的文字 顯示在畫面上!






筆記:

學習重點在於
1.View and ViewController 互動時所建立的通道!
2.當第一頁跳第二頁會去執行的Segue這個prepareForSegue
3.新建建立的檔案要import讓playround 去認識!
4.然後在ViewController的生命週期部份學習,把要執行的檔案寫在viewDidLoad

其他註記:
文字框有內建的高度,所以通常內建的適合高度,因此在高度上就不用特別去指定;
在設計上盡量不要讓使用者輸入文字,在操作上比較快速簡單
Button / Label  通道都是手動自己拉畫面

留言

這個網誌中的熱門文章

IOS_Objective-C學習筆記_(陣列 / 可修改陣列 ;字典 / 可修改字典)..

20170122 Radiobutton功能練習 (溫度轉換)

iOS_開發 拿到 Tableview Cell 上的按鈕是哪一個 (Tableview Cell Button)