Swift / Xcode學習遊記(6)- 製作一個button,圖片在上,字在下

一開始看到這個題目,我整個陷入混亂,後來想想真的是自己想太多了…這個作業真的就只是圖放上去,擺一個Label放在它下面,然後再蓋上一層透明的按鈕而已…我煩惱那麼多幹嘛啦XDDD

在網路上找了一個覺得很漂亮的UI畫面,從Icon元素開始照抄當作習作,也藉此機會碰了Sketch ,很多快捷鍵都跟Illustrator很像,雷森說對Adobe的使用者而言根本無痛接軌!

元素可以直接拖曳進去做使用,太佛心了Q口Q

做好底圖跟上面的Icon排版後,就直接把檔案全部輸出至Xcode

文字之所以要另外Key,我想是之後為了要配合地區語言更改,可以有各國語言版本吧,所以直接在想拉成按鈕的地方放置一個空的button就好了

因為懶得在內頁再加按鈕,所以直接用了Navigation,剛好可以練習上週四學到的內容,幾乎所有時間都花在做圖上,所以這個簡單的作業意外的花了很長的時間呢!接下來就是成果,看到動起來的畫面還滿有成就感的,之後若是能學到更多動態就好了>”<

檔案都已放在我的GitHub囉!

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.