#1, iOS電子書試做:鏈鋸人

Syuan
彼得潘的 Swift iOS / Flutter App 開發教室
4 min readAug 21, 2022

最近在水管看到這部漫畫要動畫化了,所以就試著做一下。

首先是兩個 Storyboard。

1,人物介紹與動畫資訊。

2.原著漫畫第一部各話簡介。

主要功能:

  1. tab bar controller & navigation controller
  2. table view controller with static cells
  3. text view 網頁連結
  4. 左右與上下滑動的 table view
  5. 使用webview播放YouTube動畫預告

App截圖:

接著是App操作畫面:

簡略製作紀錄:

a.人物介紹,直接用table view controller with static cells。

b.漫畫的部分在 scroll view 的 image view 蓋上 button, 達成換頁。

c.不喜歡 text view 文字捲動,所以直接整頁做成 scroll view。原理與左右捲動的 scroll view 一樣只是對調XY軸而已。

d.水管預告連結放入webView。

import UIKit
import WebKit
class AnimeViewController: UIViewController {
@IBOutlet weak var video: WKWebView!

override func viewDidLoad() {
super.viewDidLoad()

let url = URL(string:
"https://www.youtube.com/embed/jk7QSGwupPA?loop=1&playlist=jk7QSGwupPA&playsinline=1")!
let request = URLRequest(url: url)
video.load(request)
// Do any additional setup after loading the view.
}

--

--