[트러블 슈팅] UIButton의 isHighlighted 미해제

⚠️ 문제:  MapView에 배치한 UIButton의 isHighlighted 상태가 미해제되는 현상

 

MapView 위에 배치한 UIButton이 클릭 후 isHighlighted 상태가 해제되지 않는 현상이 나타났습니다.

 

❗️ 위험: 잘못된 addSubview 주체 선정

private func setLayout() {
	mapView.addSubview(currentLocationButton)
    
    currentLocationButton.snp.makeConstraints {
    	$0.bottom.trailing.equalTo(view.safeAreaLayoutGuide).inset(10)
        $0.width.height.equalTo(60)
    }
}

 

currentLocationButton을 mapView가 addSubview하고 있었는데,

그때문에 버튼과 mapView의 오버레이들의 제스처의 충돌이 발생한 것 같습니다.

 

✅ 해결:addSubview 주체 변경

private func setLayout() {
    view.addSubview(currentLocationButton)
        
    currentLocationButton.snp.makeConstraints {
        $0.bottom.trailing.equalTo(view.safeAreaLayoutGuide).inset(10)
        $0.width.height.equalTo(56)
    }
}

 

기존에는 mapView에 배치되는 버튼이라 mapView에서 addSubview를 하였습니다.

 

하지만 view에서 addSubview를 하더라도

addSubview를 한 순서에 따라 Zindex를 가지므로 mapView 위에 버튼이 배치될 수 있습니다.

 

따라서 위와 같이 코드를 변경해주었습니다.

 

 

버튼의 정상 작동을 확인하였습니다.