Swift中不通过XIB加载可复用ProfileView滚动视图的实现方法

Hey there! 作为Swift新手，你想实现一个纯代码编写的可复用Profile滚动视图、不用XIB加载的需求完全没问题～我看你给出的代码里有几个容易踩的小坑，咱们一步步来修正和完善：

先梳理原代码的问题点 #

• 变量名不一致：声明的是profileView，但初始化里却用了profileScrollView，这会直接导致编译报错
• 错误调用loadView()：这个方法是UIViewController的生命周期专属方法，UIView里根本不该调用它，咱们需要自己写布局逻辑
• 缺少必要的初始化方法：自定义UIView必须实现required init?(coder: NSCoder)，否则在Storyboard场景下会崩溃（哪怕你不用Storyboard，也得写）
• 没有把滚动视图添加到当前View上，也没设置代理和内容布局

完整的纯代码实现方案 #

下面是修正后的可复用ProfileView代码，我还加了常用的子视图示例（姓名、简介），用AutoLayout适配不同屏幕：

import UIKit

// 先假设你的Profile自定义类结构（方便演示）
struct Profile {
    let name: String
    let avatarURL: String
    let bio: String
}

class ProfileView: UIView, UIScrollViewDelegate {
    // 封装内部子视图，只暴露必要接口
    private let scrollView = UIScrollView()
    private let nameLabel = UILabel()
    private let bioLabel = UILabel()
    
    // 对外暴露的Profile属性，设置后自动更新内容
    var profile: Profile! {
        didSet {
            configureContent()
        }
    }
    
    // 代码创建用的初始化方法
    init(frame: CGRect, profile: Profile) {
        self.profile = profile
        super.init(frame: frame)
        setupBaseViews()
        configureContent()
    }
    
    // 必须实现的初始化方法（支持Storyboard/XIB场景）
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupBaseViews()
    }
    
    // 统一设置视图布局的方法
    private func setupBaseViews() {
        // 父视图背景色
        backgroundColor = .systemBackground
        
        // 配置滚动视图
        scrollView.delegate = self
        scrollView.showsVerticalScrollIndicator = true
        scrollView.translatesAutoresizingMaskIntoConstraints = false
        addSubview(scrollView)
        
        // 配置姓名标签
        nameLabel.font = .boldSystemFont(ofSize: 24)
        nameLabel.translatesAutoresizingMaskIntoConstraints = false
        scrollView.addSubview(nameLabel)
        
        // 配置简介标签（支持多行）
        bioLabel.font = .systemFont(ofSize: 16)
        bioLabel.numberOfLines = 0
        bioLabel.translatesAutoresizingMaskIntoConstraints = false
        scrollView.addSubview(bioLabel)
        
        // 添加AutoLayout约束（自动适配滚动视图内容大小）
        NSLayoutConstraint.activate([
            // 滚动视图铺满父视图
            scrollView.topAnchor.constraint(equalTo: topAnchor),
            scrollView.leadingAnchor.constraint(equalTo: leadingAnchor),
            scrollView.trailingAnchor.constraint(equalTo: trailingAnchor),
            scrollView.bottomAnchor.constraint(equalTo: bottomAnchor),
            
            // 姓名标签约束
            nameLabel.topAnchor.constraint(equalTo: scrollView.topAnchor, constant: 20),
            nameLabel.leadingAnchor.constraint(equalTo: scrollView.leadingAnchor, constant: 16),
            nameLabel.trailingAnchor.constraint(equalTo: scrollView.trailingAnchor, constant: -16),
            
            // 简介标签约束
            bioLabel.topAnchor.constraint(equalTo: nameLabel.bottomAnchor, constant: 16),
            bioLabel.leadingAnchor.constraint(equalTo: scrollView.leadingAnchor, constant: 16),
            bioLabel.trailingAnchor.constraint(equalTo: scrollView.trailingAnchor, constant: -16),
            bioLabel.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor, constant: -20)
        ])
    }
    
    // 根据Profile配置视图内容
    private func configureContent() {
        guard let profile = profile else { return }
        nameLabel.text = profile.name
        bioLabel.text = profile.bio
    }
    
    // 可选：实现滚动视图代理方法（比如监听滚动事件）
    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        // 这里可以添加滚动时的自定义逻辑，比如导航栏透明度变化
        print("当前滚动偏移量：\(scrollView.contentOffset.y)")
    }
}

使用示例（在ViewController中调用） #

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 创建测试用的Profile实例
        let testProfile = Profile(
            name: "K.Wu",
            avatarURL: "",
            bio: "Swift新手，正在学习自定义可复用视图！"
        )
        
        // 创建并添加ProfileView到当前页面
        let profileView = ProfileView(frame: view.bounds, profile: testProfile)
        view.addSubview(profileView)
    }
}

关键知识点说明 #

• 用private修饰内部子视图，保证封装性，只对外暴露profile属性来更新内容
• 使用AutoLayout替代硬编码Frame，自动适配不同屏幕尺寸，滚动视图的内容大小会根据子视图约束自动计算
• 实现了两个初始化方法，覆盖代码创建和Storyboard/XIB两种场景（遵循UIView的规范）
• 通过didSet监听profile属性变化，实现内容自动更新

内容的提问来源于stack exchange，提问作者K.Wu