#2. 結合 outlet 和 action製作星座分析App

最新的一堂課上了很有趣的內容

想製作這樣的App源於新認識一個人時,總是會想先瞭解一下對方的星座,這樣可以大概瞭解對方的個性是怎麼樣的,參考參考。

但是星座日期真是太多了。。。。。。

所以好希望手上有一個好用的工具書可以隨時查詢。

首先,開啟Xcode後,先在Main.Storyboard上設計你喜歡的頁面。

因為星座需要輸入生日及性別資訊,因此可以使用DatePicker這個元件來選取日期。

設計好基本畫面後,因為希望選完日期後,按下Search按鈕,要顯示搜尋結果。

因此需要再拉一個TextView,搭配一個Label顯示星座,因為一開始不希望看到,所以要將屬性isHidden=’true’

接著,要從程式端取得使用者輸入的值,需要一一定義畫面上的元件。

首先需要開啟在xcode視窗右上方的功能,讓畫面並列顯示方便拖曳,並將模式調整為Automatic。

建立方式:focus在你要建立的元件上,同時按control鍵及三指拖曳至swift檔中,出現視窗命名並新增outlet。

一般取值元件,Connection選擇Outlet。

會有改變畫面顯示的元件或執行動作的button,Connection選擇Action。

執行結果如下:

程式下載區:

--

--