IG app 畫面模仿

本篇目標

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

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

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

4.研究App Store上App的每個畫面,分析用到哪些元件,分析優缺點

平時除了上PTT和FB 還真的很少使用這方面的社群軟體

之前用的無名也已經是好一段時間的事情了

既然要做類似IG app的畫面

就先上IG確定要模仿的畫面吧

確定要仿製的畫面後

稍微分析一下大致上會使用要的功能

由於計數與下拉功能在目前還無法克服

暫時就以label與button 來代替

實際在操作時,原本打算在放圖片的位置

利用Scroll View 來進行,讓圖片可以多放幾張

不過怎麼放都無法達到預期的效果

就是沒辦法往下移, 所以只好放棄了==

而且完成的畫面看不到navigation bar與tab bar

但跑模擬器的時候卻正常

雖然成品跟原圖比有很多ICON不一樣

但作業一先暫時告一個段落啦

明天進行作業二的部分

1.實作 “唐詩三百首“App ,利用navigation controller。第一頁列出多個詩人名稱的button,第二頁列出多個詩人作品的button,第三頁列出作品的完整內容 。 每一頁的bar上要顯示標題 。

2016/10/11 by Allen Chang

https://github.com/AllenChangTW/copyIGapp.git

Show your support

Clapping shows how much you appreciated AllenChang’s story.