SwiftUI電子書-梨泰院Class

在Peter剛說要做電子書的時候，我就已經想好題目了，那就是梨泰院Class!!

不同於以往只有浪漫的韓劇，還加上了熱血青春的元素，就算後面劇情變得灑狗血開始學台劇，也不失我對這部劇的熱愛❤❤❤

（一）GIF操作畫面

(二)Github連結

kazuyahooo/IOS_work2

(三)畫面截圖

(1)iphone7Plus實機測試

(2)iphone、ipad、Mac首頁截圖

(3)iPhone頁面截圖

(4)作業說明：

基本功能需求在以上截圖和GIF就都可以看到了～

而加分功能的部分在這裡簡單的分享說明一下：

1. 角色介紹的List row有使用到mask成一個圓形，並加上陰影、白匡等特效

Image(Char.Ch_name+”0")
    .resizable()
    .scaledToFill()
    .frame(width:100,height:100)
    .clipped()
    .mask(Circle())
    .shadow(radius: 10)
    .overlay(Circle().stroke(Color.white, lineWidth: 5))

2.音樂條及劇情簡介List Row的背景皆使用到漸層的效果

Free Gradients Collection by itmeo.com

此網站可以瀏覽多種不同漸層色，不需要花太多時間在測試調出來好不好看

3.組合多種文字樣式

#首頁標題
Text("梨泰院").font(.system(size:40)).fontWeight(.heavy) +
Text("Itaewonclass").font(.system(size:32)).fontWeight(.heavy)
     .italic()

4.custom font(使用內建的YuppyTC-Regular字體)

中＆韓文經典台詞

.font(.custom("YuppyTC-Regular",size:18))

5.加入音樂（包含背景音樂播放、暫停）part2的實機測試有展示

程式碼比較多就不放來了，想參考的可以到github看看

音樂的部分有比較多的問題是來不及解決的，像是暫停後按播放應該是從上次暫停的點繼續播放而不是重頭開始，還有有時候從背景關音樂在跳回App時，會和原本App上的音樂播放鈕產生衝突

題外話，我的音檔是OST Itaewon Class (Full album Part1_13)總長5X多分鐘，保證聽到哭：））

以上是這次作業的介紹

整體來說還算滿意，希望下次可以分享更好的作品：）