ios - UITableViewヘッダーの上に視差効果のある画像を追加し、ヘッダーを固定する方法は?

Question

これは、私がやりたいことすべてを説明する画像です。

私の質問は、ビュー構造をどのように作成するかです。テーブル ビューのヘッダーは、テーブルの上部に固定する必要があります。しかし、テーブル ビュー ヘッダーの上にある一番上の画像はどうでしょうか。UIScrollView 内にテーブル ビューを追加する必要がありますか?

視差効果は で行うことができますCATransform3Dが、どうすれば目的を達成できるのでしょうか。それが私の質問です。デモはたくさんありますが、カスタムでやりたいです。

Answer 1

次のようなビューに画像ビューを追加できます-

let imageView = UIImageView()
let lblName = UILabel()

imageView.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: 300)
imageView.image = UIImage.init(named: "poster")
imageView.contentMode = .scaleAspectFill
imageView.clipsToBounds = true
view.addSubview(imageView)

lblName.frame = CGRect(x: 20, y: 100, width: 200, height: 22)
lblName.text = "Steve Jobs"
lblName.textColor = UIColor.white
lblName.font = UIFont.systemFont(ofSize: 26)
lblName.clipsToBounds = true
imageView.addSubview(lblName)

その後、テーブルビューデリゲートメソッドで、次scrollviewDidScrollのようなメソッドを追加できます-

let y = 300 - (scrollView.contentOffset.y + 300)
let height = min(max(y, 60), 400)
imageView.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: height)
lblName.frame = CGRect(x: 20, y: height - 30, width: 200, height: 22)

これが役立つことを願っています。間違っている場合は修正してください。