这个问题很难表述,但进一步解释情况应该会有所帮助。
使用下面的代码,我基本上在屏幕上任何位置点击时都会遮盖一个圆形,以显示黑色UIView下面的内容。每当我点击时,我记录CGPoint并将其存储在数组中以跟踪被点击的位置。对于每次后续点击,我都会删除黑色UIView,并重新创建我正在跟踪的CGPoint数组中的每个已点击的点,以创建包括所有先前点的新掩码。
结果类似于这样: 我相信你已经看出我在问什么了...我怎样才能避免口罩在圆圈相交的地方翻转?感谢你的帮助!
以下是我的代码供参考:
使用下面的代码,我基本上在屏幕上任何位置点击时都会遮盖一个圆形,以显示黑色UIView下面的内容。每当我点击时,我记录CGPoint并将其存储在数组中以跟踪被点击的位置。对于每次后续点击,我都会删除黑色UIView,并重新创建我正在跟踪的CGPoint数组中的每个已点击的点,以创建包括所有先前点的新掩码。
结果类似于这样: 我相信你已经看出我在问什么了...我怎样才能避免口罩在圆圈相交的地方翻转?感谢你的帮助!
以下是我的代码供参考:
class MiniGameShadOViewController: UIViewController {
//MARK: - DECLARATIONS
var revealRadius : CGFloat = 50
var tappedAreas : [CGPoint] = []
//Objects
@IBOutlet var shadedRegion: UIView!
//Gesture Recognizers
@IBOutlet var tapToReveal: UITapGestureRecognizer!
//MARK: - VIEW STATES
override func viewDidLoad() {
super.viewDidLoad()
}
//MARK: - USER INTERACTIONS
@IBAction func regionTapped(_ sender: UITapGestureRecognizer) {
let tappedPoint = sender.location(in: view)
tappedAreas.append(tappedPoint) //Hold a list of all previously tapped points
//Clean up old overlays before adding the new one
for subview in shadedRegion.subviews {
if subview.accessibilityIdentifier != "Number" {subview.removeFromSuperview()}
}
//shadedRegion.layer.mask?.removeFromSuperlayer()
createOverlay()
}
//MARK: - FUNCTIONS
func createOverlay(){
//Create the shroud that covers the orbs on the screen
let overlayView = UIView(frame: shadedRegion.bounds)
overlayView.alpha = 1
overlayView.backgroundColor = UIColor.black
overlayView.isUserInteractionEnabled = false
shadedRegion.addSubview(overlayView)
let path = CGMutablePath()
//Create the box that represents the inverse/negative area relative to the circles
path.addRect(CGRect(origin: .zero, size: overlayView.frame.size))
//For each point tapped so far, create a circle there
for point in tappedAreas {
path.addArc(center: point, radius: revealRadius, startAngle: 0.0, endAngle: 2.0 * .pi, clockwise: false)
path.closeSubpath() //This is required to prevent all circles from being joined together with lines
}
//Fill each of my circles
let maskLayer = CAShapeLayer()
maskLayer.backgroundColor = UIColor.black.cgColor
maskLayer.path = path;
maskLayer.fillRule = .evenOdd
//Cut out the circles inside that box
overlayView.layer.mask = maskLayer
overlayView.clipsToBounds = true
}
}
path.addArc()
之后,我不得不添加path.close()
,但它们现在确实合并了。然而,通过这种方法,我失去了在黑屏上“切割透明孔洞”的整个效果。现在它根本没有添加黑屏,而是添加了颜色与overlayView.backgroundColor
设置相同的圆圈。最终,我希望屏幕是黑色的,并在点击点处切割透明孔洞以便看到背后的视图。我还在继续尝试,希望能找到解决方法 :) - undefinedCAShapeLayer
替换图像视图的遮罩,以揭示黑色视图前方的图像视图部分。但根据你在问题中分享的图片,我假设你已经在这样做了... - undefined