廣告贊助

xcode6-swift-ios8-300x300-e1474448840137.png

使用設備:

MacBook Pro (Retina, 13-inch, Early 2015)

2.7 GHz Intel Core i5

8 GB 1867 MHz DDR3

Xcode版本

螢幕快照 2018-05-17 下午3.44.54.png ​​​​​​

Step1. 開啟Xcode

螢幕快照 2018-05-17 下午3.34.00.png

Step2. 選擇 Single View App

螢幕快照 2018-05-17 下午3.34.09.png

Step3.Product Name 輸入HelloWorld

Organization Identifier : 有點類似 Package 

如果不使用 Unit Tests 或是UI Tests 可以不打勾

螢幕快照 2018-05-17 下午3.34.24.png

Step4. 選擇專案路徑

螢幕快照 2018-05-17 下午3.34.39.png

Step5. Create 完後,會看到下面畫面

螢幕快照 2018-05-17 下午3.34.46.png

Step6. 左方就是Project 目錄

螢幕快照 2018-05-17 下午3.35.00.png

Step7. 到View Controller 加入以下程式

@IBAction func showMessage() {
        let alertController = UIAlertController(title: "Hi This is My First App", message: "Hello World", preferredStyle: UIAlertControllerStyle.alert)
        alertController.addAction(UIAlertAction(title: "OK", style: UIAlertActionStyle.default, handler: nil))
        self.present(alertController, animated: true, completion: nil)
        
    }

螢幕快照 2018-05-17 下午3.39.28.png

Step8. 點擊Main.storyboard

螢幕快照 2018-05-17 下午3.35.24.png

Step9. 右下點擊Show the object library , 展開一點看會有按鈕

將按鈕拖進來,並將名稱改為HelloWorld

螢幕快照 2018-05-17 下午3.39.50.png

Step9. ViewController 點擊右鍵,會彈出一個黑視窗 ,看到最下面,會有一個Show Message, 就是我們剛剛在 controller 新增的function

 

螢幕快照 2018-05-17 下午3.40.36.png

放大看比較清楚,在最下面

螢幕快照 2018-05-17 下午3.39.59.png

Step10. 按住showMessage 最後面的白色圈圈,拖拉出來,會有一條線

螢幕快照 2018-05-17 下午3.40.38.png

Step10.將線拉到button 上,會在彈出另外一個視窗

螢幕快照 2018-05-17 下午3.40.42.png

Step11. 選擇TouchDown 

螢幕快照 2018-05-17 下午3.40.46.png

Step11. 點擊左上,Start按鈕,這邊可以選擇要用哪種型號來模擬

螢幕快照 2018-05-17 下午3.40.54.png

Step12. 點擊後沒多久,會出現一個iphone模擬器

螢幕快照 2018-05-17 下午3.41.13.png

Step13.出現剛剛拖拉的按鈕,點擊下去

螢幕快照 2018-05-17 下午3.41.43.png

Step14. 因為剛剛有將按鈕指定呼叫showMessage function , 所以會觸發裡面的alert 訊息

看到訊息代表成功!

螢幕快照 2018-05-17 下午3.41.48.png

文章標籤
創作者介紹
創作者 瑞、瑪姬與小昆妮 的頭像
瑞、瑪姬與小昆妮

瑞瑪姬與小昆妮♫趴趴走黑白吃

瑞、瑪姬與小昆妮 發表在 痞客邦 留言(0) 人氣()