[彼得潘的iOS App程式設計入門]作業九、小費 App

成果：

小費小於10%會生氣的小費App

作業目的：

設計一個小費App

OS: 請假一次上課就到作業九了… 彼得潘的作業量其實還蠻驚人的

不多說廢話了，這次的作業如下連結

小費 App

簡單來說就是做一個小費App，大概就長圖片那樣，看起來似乎不太難拉，就花個時間來做一下～

由於最近也安裝了iOS介面的設計神器-Sketch，因此就決定在這作業來用看看，看能不能做出有質感一點的App

首先搜尋一下Sketch有什麼樣的Template….

到Sketch App Source發現上免費多免費的資源，特別是這個Game UI做得很精緻！ 那就拿來改一下吧

內容大概有這些

用一用發現Skect雖然在功能上很強大，但他其實是一個還蠻複雜的工具，不是那麼容易上手，要把看到的圖片搬到Xcode上面也需要花費不少功夫

Sketch介紹：

利用Sketch於設計流程

首先先調整背景，在搜尋要如何在view controller換背景圖片時，居然發現彼得潘的文章== 陰魂不散

如何讓 iOS App 畫面擁有背景圖片

方法1太low level了，這次就試著用方法2來設定背景圖片吧

方法2: 在 controller 的 function viewDidLoad 裡設定 view 的 backgroundColor。

UIColor 有個特別的 init，init(patternImage image: UIImage)，能讓我們將圖片變成顏色。

override func viewDidLoad() {
super.viewDidLoad()
self.view.backgroundColor = UIColor(patternImage: UIImage(named: "background")!)
}

結果發現那是Swift的用法

ObjectiveC self.view要換成這個

[self.view setBackgroundColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@”Orbia — Menu Tab — Mountains”]]];

成功換背景了，雖然用程式的方法改背景圖片好像比較厲害，但是storyboard不會自己更換…只能靠自己想像了…或是乖乖換回方法1

接著就把圖片拉一拉，程式寫一寫～然後加個小費小於10%角色會生氣的功能，就大概完成拉！

Github網址：

yehjames/iOS_exercise9_1_tip

注意事項：

1. UILabel換行會有問題，因為預設是一行，Set numberOfLines to 0 to allow for any number of lines.

How to add line break for UILabel?