105學年度下學期世新大學資管系「iOS程式設計」第三週 本週課程將介紹 1. Apple 開發者計畫 2. 憑證之申請 3. 使用教育帳號常見問題 4. MVC架構簡述 5. Storyboard 6. UIKit

1. iOS程式設計 三
李晧
2017/03/10
2017/03/17(改)

3. 開發者計畫
• ⼀一般登入⽤用⼾戶
• 個⼈人⽤用⼾戶
• 公司⽤用⼾戶
• 企業⽤用⼾戶
• ⼤大學⽤用⼾戶

4. 開發者計畫
⼀一般 個⼈人
費⽤用 免費 99美⾦金金/年年
可開發應⽤用服務權限 受限 全部
上架販售 不可 可
測試APP有效期 7天 1年年
測試機數量量 以Xcode連接計算 限100台設備

5. 開發者計畫
組織(公司) 企業 ⼤大學
費⽤用 99美⾦金金/年年 299美⾦金金/年年 免費
可開發應⽤用服務
權限
全部 全部 全部
上架販售 可 不可 不可
內部發⾏行行 不可 可 不可
測試機數量量 限100台設備 限100台設備 限200台設備

6. 開發者計畫
受限的應⽤用服務：
Apple Pay、Game Center、iCloud、內購、票
券、推播、…

7. 憑證
• 開發憑證
• 上架憑證
• 推播憑證
• Apple Pay憑證
• …

8. 憑證
選擇帳號與Team

9. 憑證
點擊「Create」或「Reset」創建憑證

10. 測試機

11. 測試機
選擇Team以簽署APP

12. 測試機
⾃自動註冊連接電腦的設備

13. 測試機
註冊設備成功的畫⾯面

14. 測試機
權限不⾜足無法註冊設備

15. 測試機
尋找設備的UDID

16. 測試機
交給帳號管理理者，請管理理者新增

17. iOS架構模式

18. MVC
• Model：處理理數據
• View：畫⾯面的實現
• Controller：將Model的資料轉⾄至View呈現

19. Cocoa MVC
Controller
Model View
取得、更更新

20. Cocoa MVC
Controller
Model View
展⽰示資料

21. Cocoa MVC
Controller
Model View
畫⾯面事件觸發

22. Cocoa MVC
Controller
Model View
監聽資料變化

23. Cocoa MVC
Controller
Model View

24. Cocoa MVC
Controller
Model View

25. 現實的Cocoa MVC
Controller
Model
View
View、Controller很難做到
各⾃自獨立

26. 好的架構
• 區隔：將職責劃分⾄至不同的實體
• 可測性：測試、測試、再測試
• ⽅方便便使⽤用：少做少錯
• 維護成本低：不要弄弄太多花招，想想修bug的時候

27. 其他的架構
• MPV
• MVVM
• VIPER
• ……

28. Storyboard

29. Storyboard
• 演化：nib -> xib -> storyboard
• ⽀支援 iOS 5 以上
• 單位：點，非像素
• 可以了了解畫⾯面與畫⾯面之間的關係
• Xcode 8後⽀支援預覽各種iPhone、iPad畫⾯面⼤大⼩小

30. Auto Layout
• 與iPhone 5同時出現
• 為了了不同螢幕⼤大⼩小⽽而⽣生
• 可以設定元件與元件之間的關係
• 每個元素直向、橫向各需要2個以上的條件

31. 常⽤用的AutoLayout設定

33. 設定與上下左右最近的畫⾯面元素的間距
紅⾊色虛線：不套⽤用
紅⾊色實線：套⽤用設定
是否套⽤用邊距

34. 設定畫⾯面的寬⾼高值

35. 如果同時選定兩兩個畫⾯面
則可以設定此兩兩個畫⾯面寬⾼高相等

36. 畫⾯面的寬⾼高是否有固定比例例

37. 如果同時選定兩兩個畫⾯面
則可以設定此兩兩個畫⾯面對⿑齊的⽅方式

39. 如果同時選定兩兩個畫⾯面
則可以設定此兩兩個畫⾯面對⿑齊的⽅方式

40. 選定的畫⾯面與其Superview的對⿑齊⽅方式

41. 設定之後可在此修改
切記，不要建立相同的Constraint

42. Space Constraint分為：
⽔水平、垂直
Constant：設定間距值
Priority：設定優先權
Multiplier：設定倍率

43. 比較基準
Relation：等式條件
⼤大於等於
Greater Than or Equal
⼩小於等於
Less Than or Equal
等於
Equal

44. ⽔水平空間(x軸)比較基準
Leading(左)
CenterX(中)
Trailing(右)

45. 垂直空間(y軸)比較基準
Top(上)
CenterY(中)
Bottom(下)
Baseline(依元素有所不同)

46. ⼤大⼩小的比較基準
Width(寬)
Height(⾼高)

47. 直接給定⼤大⼩小

48. 常⽤用的畫⾯面參參數

49. Alpha：透明度
User Interaction：可否點擊
Multiple Touch：多點觸控
Background：背景⾊色
Hidden：隱藏
Clip To Bounds：
畫⾯面外是否顯⽰示

50. Font：字體及⼤大⼩小
Text：⽂文字
Color：⽂文字顏⾊色
Alignment：對⿑齊⽅方式
Lines：⾏行行數限制(0為無限)
Shadow：陰影

51. Title：⽂文字
Type：樣式
State Config：狀狀態切換
Image：圖⽰示
Background：背景圖

52. Selected：被選定
State(狀狀態)
Normal(Default)：⼀一般
Enabled：被啟⽤用
Highlighted：突出(長按時)

53. UI元件

54. UIView
所有畫⾯面元素的基礎
於指定矩形區域顯⽰示描繪結果、接收事件

55. UILabel
於指定區域呈現靜態⽂文字

56. UIButton
⽤用於截取各種點擊⽅方式

57. UITextField
在指定區域編輯單⾏行行⽂文字
可以送出鍵盤Return事件

58. UITextView
與UITextField的差異異點在
1. 可以編輯多⾏行行⽂文字
2. 畫⾯面內可以上下滑動
3. UITextView、UITextField無直系繼承關係

59. UIScrollView
可上下滑動的畫⾯面
⽤用於顯⽰示內容超出畫⾯面可顯⽰示區域

60. UISwitch
⼀一個簡易易的開關，⽤用於控制布林林值

61. UISlider
以滑動⽅方式調整數值⼤大⼩小

62. UIProgressView
⽤用於提⽰示使⽤用者當前程序處理理進度值

63. UIActivityIndicatorView
⽤用於提⽰示使⽤用者當前尚有程序處理理中

64. UISegmentedControl
以分段⽅方式讓使⽤用者選擇⼀一項

65. UIPageControl
分⾴頁標記

66. UIStepper
讓使⽤用者可⽤用點擊⽅方式遞增或遞減數值

67. UITableView
以條列列式顯⽰示資料

68. UITableViewCell
於UITableView內定義每⼀一條項⽬目之呈現⽅方式

69. UICollectionView
以格狀狀⽅方式顯⽰示資料

70. UICollectionViewCell
於UICollectionView內定義每⼀一格之呈現⽅方式

71. UICollectionReusableView
定義UICollection每⼀一段落落頭或尾之呈現⽅方式

72. UIImageView
顯⽰示圖檔的畫⾯面
注意：此處所指動畫非GIF動畫檔

73. MKMapView
顯⽰示Apple地圖之畫⾯面

74. UIWebView
顯⽰示單⼀一網⾴頁

75. 圖形運算
經由電腦繪圖所呈現之畫⾯面

76. UIPickerView
滾輪輪選擇器

77. UIDatePicker
⽇日期、時間選擇器

78. UIVisualEffectView
讓畫⾯面呈現特殊效果，例例：⽑毛玻璃

79. UINavigationBar
導覽列列，⽤用於顯⽰示標題、功能鍵與返回鍵

80. UIBarButtonItem
限定⽤用於UIToolbar、UINavigationItem內之功能鍵

81. UIToolbar
常⽤用於放置鍵盤上⽅方之功能列列

82. UIBarButtonItem
⽤用於UIToolbar內調整各個按鈕之間距

83. UITabBar
常⽤用於置底之⾴頁籤列列

84. UISearchBar
原⽣生搜尋列列，已有搜尋常⽤用之回應事件