Greish background

[xjurko12]

Is it possible to somehow add background view which disable interaction with parent view?

[prashantAlgante]

@OfTheWolf one more point in this : interaction can be managed like when to enable and when to disable.

Use case is like : When opened at initial position then parent interaction is enabled and when opened further after initial position then we can disable parent interaction.

[thanhdolong]

I did greish background replicating from example. You can find it here

class MapsViewController: UIViewController {

    ....

    private func addBackDimmingBackView(below container: UIView){
            backView = PassThroughView()
            self.view.insertSubview(backView!, belowSubview: container)
            backView!.translatesAutoresizingMaskIntoConstraints = false
            backView!.topAnchor.constraint(equalTo: self.view.topAnchor).isActive = true
            backView!.bottomAnchor.constraint(equalTo: container.topAnchor, constant: 10).isActive = true
            backView!.leadingAnchor.constraint(equalTo: self.view.leadingAnchor).isActive = true
            backView!.trailingAnchor.constraint(equalTo: self.view.trailingAnchor).isActive = true
        }
}

extension MapsViewController: UBottomSheetCoordinatorDelegate{
    
    func bottomSheet(_ container: UIView?, didPresent state: SheetTranslationState) {
        self.addBackDimmingBackView(below: container!)
        self.sheetCoordinator.addDropShadowIfNotExist()
        self.handleState(state)
    }

    func bottomSheet(_ container: UIView?, didChange state: SheetTranslationState) {
        handleState(state)
    }

    func bottomSheet(_ container: UIView?, finishTranslateWith extraAnimation: @escaping ((CGFloat) -> Void) -> Void) {
        extraAnimation({ percent in
            self.backView?.backgroundColor = UIColor.black.withAlphaComponent(percent/100 * 0.8)
        })
    }
    
    func handleState(_ state: SheetTranslationState){
        switch state {
        case .progressing(_, let percent):
            self.backView?.backgroundColor = UIColor.black.withAlphaComponent(percent/100 * 0.8)
        case .finished(_, let percent):
            self.backView?.backgroundColor = UIColor.black.withAlphaComponent(percent/100 * 0.8)
        default:
            break
        }
    }
}

[OfTheWolf]

@xjurko12

Instead of PassThroughView use UIView as below.

private func addBackDimmingBackView(below container: UIView){
      backView = UIView() // PassThroughView()
      self.view.insertSubview(backView!, belowSubview: container)
      backView!.translatesAutoresizingMaskIntoConstraints = false
      backView!.topAnchor.constraint(equalTo: self.view.topAnchor).isActive = true
      backView!.bottomAnchor.constraint(equalTo: container.topAnchor, constant: 10).isActive = true
      backView!.leadingAnchor.constraint(equalTo: self.view.leadingAnchor).isActive = true
      backView!.trailingAnchor.constraint(equalTo: self.view.trailingAnchor).isActive = true
 }