The Day

2016/10/6 最後一天的上班

也是第二次的上課

在結束後也要開始專心於現階段的事務

這邊主要練習的項目分別如下

1.樣版測試

2.製作一個button,圖片在上,字在下

3.實驗image view圖片的 1x, 2x, 3x

雖然目前只有用到Single view的樣版

不過就稍微點選一下其他的樣版

看看大致上的配置,瞭解一下其他樣版適合的如何運用

Game

與Single View樣板看似差不多

不過旁邊多了不少應該是程式碼的檔案

Master-Detail

實際在模擬器上跑起來的效果

左上角+是新增目前時間

右上角Edit則是刪除

在這裡我特別去更改view的背景色

實際上卻沒顯示,不過之後有機會使用再好好的研究

Page-Based

Page-Based是換頁的功能

之後做電子書或是需要翻頁功能時會用到

Tabbed

Tabbed看起來跟bar差不多

不過在點選時沒轉場效果

Sticker-Pack

iMessage

Sticker-Pack與iMessage

目前看不懂的兩個

似乎要配合其他的app使用

在要跑模擬時都會跳出

至於如何使用就等之後學習後再測試啦

2. 製作一個button,圖片在上,字在下

按照投影片上的做法是

Image view+ label + butto

就以目前所學的來看大概只能這樣了

或許之後會學到以其他的方式來呈現

為了方便看實際的運作,就很簡便的利用另一個button做返回的動作

至於navigation controller的部分留到下次的作業在做運用

1x 2x 3x

由於1x的圖在有2x 3x的狀態下顯示不出來

所以就只測試2x 3x的效果

先在2x 3x放上兩張不同的圖

然後再點選不同畫面大小就能知道差異了

如下

iphone 6s plus 顯示的是3x的圖

iphone 6s 顯示的則是2x的圖

一開始本想說用同樣的圖來做1x 2x 3x

看會有什麼不一樣的地方

不過因為是同樣的圖

難怪看不出來有什麼變化==

這三個作業就在此告一段落了

接下來預計的作業

1.製作一頁類似附檔 Instagram App的畫面

2.製作一頁漂亮的App畫面

3.試用和研究storyboard裡各種UI元件

2016/10/10 by Allen Chang
Show your support

Clapping shows how much you appreciated AllenChang’s story.