需求
如圖，如何讓超出父視圖的藍(lán)色View也能響應(yīng)點(diǎn)擊事件？
解決方案
方案一
重寫RedView的hitTest:withEvent:方法，在方法中添加判斷，如果觸摸的點(diǎn)是在BlueView內(nèi)的，則返回BlueView，否則返回super.hitTest:withEvent:
class RedView: UIView {
let blueView = BlueView()
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
override init(frame: CGRect) {
super.init(frame: frame)
backgroundColor = .red
addSubview(blueView)
blueView.snp.makeConstraints { (maker) in
maker.size.equalTo(100)
maker.top.equalToSuperview().offset(-50)
maker.centerX.equalToSuperview()
}
}
override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
print("點(diǎn)擊RedView")
}
override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
//把point轉(zhuǎn)化為BlueView坐標(biāo)系上的點(diǎn)
let converPoint = self.convert(point, to: blueView)
if blueView.layer.contains(converPoint) {
return blueView
}
return super.hitTest(point, with: event)
}
}
方案二
重寫RedView的pointInside:withEvent:方法，在方法中添加判斷，如果觸摸的點(diǎn)是在BlueView內(nèi)的，則返回true，否則返回false
class RedView: UIView {
let blueView = BlueView()
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
override init(frame: CGRect) {
super.init(frame: frame)
backgroundColor = .red
addSubview(blueView)
blueView.snp.makeConstraints { (maker) in
maker.size.equalTo(100)
maker.top.equalToSuperview().offset(-50)
maker.centerX.equalToSuperview()
}
}
override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
print("點(diǎn)擊RedView")
}
override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
let converPoint = self.convert(point, to: blueView)
if blueView.layer.contains(converPoint) {
return true
}
return super.point(inside: point, with: event)
}
}
原理分析
這個(gè)問題的核心其實(shí)就是iOS中的觸摸事件的響應(yīng)機(jī)制。當(dāng)觸摸事件發(fā)生時(shí)，iOS會(huì)生成對(duì)應(yīng)的響應(yīng)鏈，來查找第一響應(yīng)對(duì)象并進(jìn)行事件的分發(fā)。響應(yīng)鏈就是一系列響應(yīng)對(duì)象的集合，繼承于UIResponder或者UIResponder的子類的對(duì)象都可以作為響應(yīng)對(duì)象。
觸摸事件響應(yīng)機(jī)制
查找第一響應(yīng)者
當(dāng)用戶點(diǎn)擊屏幕時(shí)，會(huì)產(chǎn)生一個(gè)觸摸事件，并放入由UIApplication管理的事件隊(duì)列中，隊(duì)列中最前面的事件會(huì)被取出來進(jìn)行分發(fā)。
事件會(huì)先傳遞給keyWindow,然后傳遞給keyWindow的rootView(一般為當(dāng)前控制器的view),然后傳遞給rootView的子視圖，直到找到第一響應(yīng)對(duì)象。即事件的傳遞鏈?zhǔn)怯上到y(tǒng)向離用戶最近的view（最上層的view）傳遞。
查找第一響應(yīng)者的過程，主要依賴UIResponder的兩個(gè)方法，hitTest:withEvent:和pointInside:withEvent:，hitTest:withEvent:方法會(huì)返回一個(gè)UIView或者nil,返回的UIView對(duì)象就是查找到的第一響應(yīng)者。
1、事件傳遞給keyWindow后，會(huì)調(diào)keyWindow的hitTest:withEvent:方法，
2、在hitTest:withEvent:方法中，會(huì)先調(diào)用keyWindow的pointInside:withEvent:方法，來判斷當(dāng)前點(diǎn)擊的點(diǎn)是否在keyWindow的范圍內(nèi)
3、如果在keyWindow的范圍內(nèi)，則會(huì)按照添加順序倒序遍歷keyWindow的所有子視圖，并且調(diào)用子視圖的hitTest:withEvent:方法，如果子視圖的pointInside:withEvent:方法返回false，則hitTest:withEvent:方法返回nil,如果返回true，并且這個(gè)子視圖還包含子視圖則繼續(xù)遍歷子視圖的所有子視圖，并執(zhí)行同樣的操作。如果這個(gè)子視圖沒有子視圖了，則hitTest:withEvent:方法會(huì)把這個(gè)子視圖返回，這個(gè)子視圖也就是查找的第一響應(yīng)者。
4、最終這個(gè)第一響應(yīng)者會(huì)順著響應(yīng)者鏈，傳遞回Application
結(jié)合如下例子進(jìn)行分析：
如圖，view A 為controller的view，當(dāng)點(diǎn)擊view E的時(shí)候，第一響應(yīng)者的查找過程如下：
1、首先調(diào)用window的hitTest:withEvent:方法，window會(huì)遍歷自己的子視圖，也就是view A，并調(diào)用view A 的hitTest:withEvent:方法
2、而此方法進(jìn)而會(huì)調(diào)用pointInside:withEvent:方法，顯然會(huì)返回true，因此會(huì)遍歷view A的子視圖（view B 和 view C），因?yàn)楹筇砑拥膙iew C，所以會(huì)先遍歷view C
3、view C 調(diào)用hitTest:withEvent:方法，因?yàn)閜ointInside:withEvent:返回true，因此會(huì)繼續(xù)遍歷view C 的子視圖（view E、view F）,因?yàn)楹筇砑拥膙iew F,因此會(huì)先遍歷到view F
4、view F調(diào)用hitTest:withEvent:方法，顯然pointInside:withEvent:會(huì)返回false，因此hitTest:withEvent:返回nil
5、view E調(diào)用hitTest:withEvent:方法，因?yàn)辄c(diǎn)擊的就是view E，顯然pointInside:withEvent:會(huì)返回true，而且view E沒有子視圖了，因此hitTest:withEvent:就會(huì)返回view E本身，view E就是第一響應(yīng)者
6、這樣view C 的hitTest:withEvent:方法就會(huì)返回 view E，view A的hitTest:withEvent:方法也會(huì)返回 view E，最終會(huì)把view E返回給Application，這樣Application就知道了View E是第一響應(yīng)對(duì)象。
處理事件
當(dāng)Application知道了誰是第一響應(yīng)者后，就會(huì)把事件交給第一響應(yīng)者來處理，如果第一響應(yīng)者能順利處理事件，則整個(gè)觸摸事件響應(yīng)過程結(jié)束，但是如果第一響應(yīng)者無法處理事件，就會(huì)把事件傳遞給下一個(gè)響應(yīng)對(duì)象，也就是nextResponder，一直沿著響應(yīng)鏈向上回傳。
結(jié)合下圖進(jìn)行分析：
1、如圖，第一響應(yīng)者為initial view,如果它無法處理事件，則會(huì)把事件交給它的父視圖
2、然后一直傳遞到viewController的根視圖，如果viewController的根視圖也無法響應(yīng)事件，則會(huì)交給viewController處理
3、如果viewController也無法處理，則會(huì)繼續(xù)往上傳遞，直到傳遞給Application，如果Application無法處理則會(huì)丟棄該事件
view -> ViewController -> window -> Application -> 丟棄
問題回顧
再回到一開始的需求上來，當(dāng)我們點(diǎn)擊超出紅色view范圍的藍(lán)色view時(shí)，因?yàn)楫?dāng)觸摸事件傳遞到紅色view時(shí)，也就是調(diào)用紅色view的hitTest:withEvent:方法時(shí)，因?yàn)辄c(diǎn)擊位置不在紅色view范圍內(nèi)，因此，也就不會(huì)把事件傳遞給藍(lán)色view了，所以藍(lán)色view無法響應(yīng)點(diǎn)擊事件。
解決方案就是，想辦法讓觸摸事件傳遞到藍(lán)色view，并讓藍(lán)色view成為第一響應(yīng)者。
重寫紅色view的hitTest:withEvent:方法，判斷當(dāng)點(diǎn)擊的位置在藍(lán)色view內(nèi)時(shí)，直接返回藍(lán)色view，或者重寫紅色view的pointInside:withEvent:方法，判斷當(dāng)點(diǎn)擊的位置在藍(lán)色view內(nèi)時(shí)，返回true，這樣就能把事件傳遞給藍(lán)色view了。
