How to add tap gesture on titleView of the headerComponent?

[tezpark]

Summary

• How to custom titleView of the headerComponent?

Guide & Snippet

The method below can be applied to any header component.

• Create custom channelModuleHeaderDelegate for titleView tap event handling

protocol CustomChannelModuleHeaderDelegate: SBUBaseChannelModuleHeaderDelegate {
    func customChannelModule(_ headerComponent: CustomChannelHeaderComponent, didTapTitleView titleView: UIView)
}

• Add the gesture recognizer to a titleView

class CustomChannelHeaderComponent: SBUGroupChannelModule.Header {
    override func setupViews() {
        super.setupViews()
        
        // Add the gesture recognizer
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(onTapTitleView(sender:)))
        self.titleView?.addGestureRecognizer(tapGesture)
    }
    
    open func onTapTitleView(sender: UITapGestureRecognizer) {
        if let titleView = self.titleView {
            // Call the delegate function you just added
            (self.delegate as? CustomChannelModuleHeaderDelegate)?.customChannelModule(self, didTapTitleView: titleView)
        }
    }
}

• Create custom channelViewController for implementing delegate method, and implement delegate method

class CustomChannelViewController: SBUGroupChannelViewController { }

extension CustomChannelViewController: CustomChannelModuleHeaderDelegate {
    func customChannelModule(_ headerComponent: CustomChannelHeaderComponent, didTapTitleView titleView: UIView) {
        // Implement your code
    }
}

• Before using a customized component class, please set it in the SBUModuleSet.

SBUModuleSet.GroupChannelModule.HeaderComponent = CustomChannelHeaderComponent.self

• Before using a customized viewController class, please set it in the SBUViewControllerSet.

SBUViewControllerSet.GroupChannelViewController = CustomChannelViewController.self