智宇的scroll view水平捲動練習
scroll view 在App中是很常使用到的元件，可以讓使用者方便閱覽項目，也讓整體畫面更加簡潔美觀。
這是我滿喜歡的日本歌手米津玄師，在台灣應該也有名氣（對吧？！
這次就來模仿他在Apple music上單曲的scroll view，藉由左右滑動來瀏覽他的單曲。
首先先在View Controller中加入Scroll View
接著在加入一個View”並且”放到Exit下方這邊呢
這個View就是我們等等要來放入單曲封面的地方，那為什麼要放在這邊呢？
因為要放入scroll view的view通常會超出螢幕範圍（這樣才能滑動），但如果直接放入scroll view就會產生以下情況。
view超出螢幕範圍的地方將無法編輯，對於開發來說非常不方便，那若是將view放到exit下方，view就會在外面自成一個視窗。
在這裡view就可以完整地編輯不受限。
接下來就要將單曲封面加入這個view裡面，首先先在網路上找到的封面放入Assets。
原本是要在view裡面加入image view來加入封面，但我後來想讓封面能夠點擊進去看資訊，所以我改成加入button，將button的image設為剛剛加入的封面並且調整大小及設定位置。
完成之後會長這樣，之後再將這個button複製貼上兩個存放其他封面。
如此一來這個view就完成編輯了，緊接著就將這個view放回scroll view裡面並且設定位置，並且再放入一個label來代表這是單曲。
接著要來設定scroll view，scroll view並不是放上去加入view，直接就能捲動，還要給它能捲動的值。
首先選取scroll view並來到這個頁面，點選＋開始設定
在Key Path上輸入contentSize（大小寫不得有錯），Type選取Size，Value裡面的X代表橫向，Y代表縱向，而我這邊將X設定為跟view一樣的700。
這樣水平捲動的設定就完成了。
在上方加入image view並且放入歌手照片。
到這裡大致上scroll view已經完成了，接下來我要來設定單曲封面點擊進去後出現詳細資料的功能。
首先先在右下角地方新增Navigation Controller
新增view controller，並且點選封面右鍵拉到空白的view controller做連結，Action Segue選擇Show。
最後設定navigation bar的文字，因為裡面還不知道要放什麼所以我也先放圖片。
其他張封面也依照此方法做。
最後呈現畫面：
實際操作畫面：
那麼這次的練習就到這邊結束了，這次主要參考彼得潘的這篇文章：
最後附上GitHub連結，謝謝觀看。
