iOS中用带全局属性的自定义UIControl实现菜单按钮红点是否合理？

Hey there! Let's break down your approach to adding a notification dot to your menu buttons, and refine it to work smoothly for your iOS app.

核心问题：静态属性的方式是否正确？ #

你的思路是自定义MenuButton继承自UIButton，用静态属性showNotificationDot来控制红点显示——这个方向是可行的，但有明确的适用场景：

• 如果你的需求是所有页面的菜单按钮都需要同步显示/隐藏红点（比如全局有新消息，所有菜单按钮统一提示），那么静态属性的全局共享特性刚好匹配需求。
• 但如果未来你需要某个页面的菜单按钮不显示红点，或者不同按钮有独立的提示状态，静态属性就会失效，因为它会同时影响所有MenuButton实例。

另外，你的现有代码只声明了静态变量，还缺少根据变量状态切换按钮图片的关键逻辑，这部分需要补充才能让功能真正生效。

优化实现方案 #

方案1：全局同步红点状态（适配你的当前需求） #

保留静态属性，但添加状态监听和UI更新逻辑，确保所有按钮实例能同步响应状态变化：

class MenuButton: UIButton {
    // 全局静态属性，控制所有按钮的红点显示状态
    static var showNotificationDot: Bool = false {
        didSet {
            // 发送通知，通知所有按钮实例更新UI
            NotificationCenter.default.post(
                name: NSNotification.Name("MenuButtonNotificationDotUpdated"),
                object: nil
            )
        }
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupButton()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupButton()
    }
    
    private func setupButton() {
        // 添加通知监听
        NotificationCenter.default.addObserver(
            self,
            selector: #selector(updateButtonImage),
            name: NSNotification.Name("MenuButtonNotificationDotUpdated"),
            object: nil
        )
        // 初始化时设置正确的图片
        updateButtonImage()
    }
    
    @objc private func updateButtonImage() {
        // 根据静态属性的值切换按钮图片
        let imageName = MenuButton.showNotificationDot ? "menu-with-dot" : "menu-without-dot"
        setImage(UIImage(named: imageName), for: .normal)
    }
    
    deinit {
        // 移除监听，避免内存泄漏
        NotificationCenter.default.removeObserver(self)
    }
}

使用时，只需在任意位置设置MenuButton.showNotificationDot = true/false，所有菜单按钮就会自动切换对应图片。

方案2：独立控制单个按钮的红点状态（更灵活的扩展方案） #

如果未来可能需要不同按钮有不同的提示状态，把静态属性改成实例属性即可：

class MenuButton: UIButton {
    // 实例属性，每个按钮独立控制红点显示状态
    var showNotificationDot: Bool = false {
        didSet {
            // 状态变化时立即更新图片
            updateButtonImage()
        }
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        updateButtonImage()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        updateButtonImage()
    }
    
    private func updateButtonImage() {
        let imageName = showNotificationDot ? "menu-with-dot" : "menu-without-dot"
        setImage(UIImage(named: imageName), for: .normal)
    }
}

使用时，针对单个按钮独立设置：

// 让某个页面的菜单按钮显示红点
myPageMenuButton.showNotificationDot = true

总结 #

你自定义UIButton（属于UIControl子类）来封装红点逻辑的思路是完全正确的——把按钮的状态管理和UI展示封装在自定义类里，能让代码更整洁、复用性更强。静态属性的方式在全局同步需求下没问题，补充UI更新逻辑即可；如果需要更灵活的控制，换成实例属性就能满足扩展需求。

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