#5-Xcode -outlet & action(籃球計分板)

會運用到的技巧有
1.矩陣的迴圈
2.@objc func / Timer.scheduled(timeInterval,targrt,selector,userInfo,repeats)
3.if else判定時間的顯示和倒數計時
4.客製化字體
5.設定背景圖
6.輸入隊伍名稱後點選空白處收起鍵盤

Step 1

先預想籃球比賽規則設計需要的功能
1.輸入主客隊的隊伍名稱
2.投籃得分的計算
3.犯規暫停次數
4.比賽時間倒計時
5.進攻時間倒計時
6.延長賽情況
7.按下比賽開始後為避免誤觸某些會影響比賽的功能按鈕
將其isEnabled設定為false

Step2

設置Storyboard加入所需元件
這邊將畫面切割多個view方便日後修改及設定autolayout
分成四個方向
1.背景圖2.客隊資訊3.比賽資訊4.主隊資訊

Step3

設定背景圖的技巧(連結是Peter帥哥的講解歡迎參考)
方法1: 從 storyboard ,在 controller 的 view 上加入佔滿畫面的 image view,讓它在最底層。
方法2: 在 controller 的 function viewDidLoad 裡設定 view 的 backgroundColor。

https://medium.com/%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84-swift-ios-app-%E9%96%8B%E7%99%BC%E5%95%8F%E9%A1%8C%E8%A7%A3%E7%AD%94%E9%9B%86/%E5%A6%82%E4%BD%95%E8%AE%93-app-%E7%95%AB%E9%9D%A2%E6%9C%89%E8%83%8C%E6%99%AF%E5%9C%96%E7%89%87-a111a13fdbef

方法1

Step4

拉outlet/action
outlet:用於外觀設定
action:用於觸發使用者的動作

Step5

客製化字體
下載喜歡的字體後
加入到專案裡
再到專案的info設定

加入到專案
再到專案的info設定

--

--