Swift绘图应用中颜色切换按钮与Canvas类通信问题求助

我来帮你拆解下问题根源，再一步步给出修复方案：

你遇到的核心问题 #

1. 全局变量的同步陷阱：你用全局变量color传递颜色，但Canvas的layoutSubviews方法会反复将lineColor重置为黑色——而layoutSubviews会在视图布局变化（比如屏幕旋转、视图大小调整）时多次触发，直接覆盖了你通过按钮修改的全局变量值，导致颜色设置无效。
2. 局部函数无法被外部调用：你在layoutSubviews内部定义的blue()是局部函数，只有layoutSubviews自身能访问，外部按钮的IBAction调用的其实是你在Canvas文件顶层定义的空blue()函数，自然起不到修改颜色的作用。
3. 缺少Canvas实例的直接引用：你没有在ViewController中持有Canvas视图的实例引用，试图通过全局变量或无效方法修改属性，不符合iOS视图通信的常规逻辑。

步骤1：修复Canvas类的代码 #

先把Canvas类的错误逻辑修正，确保颜色属性能被稳定修改：

import UIKit

class Canvas: UIView {
    // 直接在属性定义时设置默认颜色，可选添加didSet监听变化
    var lineColor: UIColor = .black {
        didSet {
            // 若需要颜色变化时立即刷新画布，可在此添加逻辑
        }
    }
    var lineWidth: CGFloat = 7
    private var path: UIBezierPath!
    private var touchPoint: CGPoint!
    private var startingPoint: CGPoint!

    // 初始化方法中完成视图基础配置
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupBasicConfig()
    }

    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupBasicConfig()
    }

    // 把一次性初始化逻辑抽离到单独方法，避免layoutSubviews反复执行
    private func setupBasicConfig() {
        clipsToBounds = true
        isMultipleTouchEnabled = false
    }

    override func layoutSubviews() {
        super.layoutSubviews()
        // 这里只处理布局相关逻辑，不再重置lineColor
    }

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        guard let touch = touches.first else { return }
        startingPoint = touch.location(in: self)
    }

    override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
        guard let touch = touches.first else { return }
        touchPoint = touch.location(in: self)
        path = UIBezierPath()
        path.move(to: startingPoint)
        path.addLine(to: touchPoint)
        startingPoint = touchPoint
        drawShapeLayer()
    }

    func drawShapeLayer() {
        let shapeLayer = CAShapeLayer()
        shapeLayer.path = path.cgPath
        shapeLayer.strokeColor = lineColor.cgColor
        shapeLayer.lineWidth = lineWidth
        shapeLayer.fillColor = UIColor.clear.cgColor
        layer.addSublayer(shapeLayer)
        setNeedsDisplay()
    }

    func clearCanvas() {
        path?.removeAllPoints()
        layer.sublayers = nil
        setNeedsDisplay()
    }

    // 可选：添加专门的颜色设置方法，让逻辑更清晰
    func updateLineColor(_ color: UIColor) {
        lineColor = color
    }
}

步骤2：在ViewController中建立Canvas实例引用 #

通过IBOutlet获取Canvas视图的实例，直接操作它的属性：

import UIKit

class ViewController: UIViewController {
    // 关联Storyboard/XIB中的Canvas视图
    @IBOutlet weak var canvasView: Canvas!

    override func viewDidLoad() {
        super.viewDidLoad()
        // 可选：在这里修改初始颜色（Canvas已有默认值，可跳过）
        // canvasView.lineColor = .darkGray
    }

    // 蓝色按钮的点击事件
    @IBAction func blueButtonTapped(_ sender: Any) {
        // 直接修改Canvas实例的颜色属性
        canvasView.lineColor = .blue
        // 或者调用专门的设置方法
        // canvasView.updateLineColor(.blue)
    }

    // 示例：红色按钮的点击事件
    @IBAction func redButtonTapped(_ sender: Any) {
        canvasView.lineColor = .red
    }

    // 清空画布按钮
    @IBAction func clearButtonTapped(_ sender: Any) {
        canvasView.clearCanvas()
    }
}

修复后的效果 #

现在按钮点击会直接修改Canvas实例的lineColor属性，不会被layoutSubviews重置，后续绘制的线条就会使用新设置的颜色了。

内容的提问来源于stack exchange，提问作者Jakub Kuba