【Swift】アプリにカスタムヘッダーを実装してテキストや画像を自由に配置するための完全ガイド

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.setupCustomHeader()
    }

    private func setupCustomHeader() {
        // ヘッダーのためのUIViewをインスタンス化
        let headerView = UIView(frame: CGRect(x: 0, y: 0, width: self.view.frame.width, height: 120))
        // ヘッダーのバックグラウンドの色を指定
        headerView.backgroundColor = .systemOrange
        // ヘッダーのテキストラベルをインスタンス化
        let headerLabel = UILabel(frame: CGRect(x: 10, y: 80, width: headerView.frame.width - 40, height: 30))
        // テキストを設定
        headerLabel.text = "My Custom Header"
        // テキストの色を指定
        headerLabel.textColor = .white
        // テキストのフォントを指定
        headerLabel.font = UIFont.systemFont(ofSize: 18, weight: .medium)
        // 作成したテキストラベルをヘッダーのビューに追加
        headerView.addSubview(headerLabel)
        // 作成したヘッダーのビューを親ビューに追加
        self.view.addSubview(headerView)
    }
}

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.setupCustomHeader()
    }

    private func setupCustomHeader() {
        let headerView = UIView(frame: CGRect(x: 0, y: 0, width: self.view.frame.width, height: 120))
        headerView.backgroundColor = .systemOrange
        
        // ヘッダー内に配置する画像ビューを作成
        let imageView = UIImageView(frame: CGRect(x: (self.view.frame.width - 100) / 2, y: 35, width: 100, height: 100))
        imageView.contentMode = .scaleAspectFit

        // 画像リソースを設定
        imageView.image = UIImage(named: "logo")

        headerView.addSubview(imageView)
        self.view.addSubview(headerView)
    }
}