UIImageViewとCALayerの重なりについて

Question

######わからないこと
クリックしたら○を描くアプリを作成中です。
ですがUIImageViewの上をクリックしても丸が付きません。
######実現したいこと
UIImageViewの上でもクリックして丸を描きたいです。
######試したこと
重ねる順番に問題があるのかもと思い
imageViewを最背面に移動しましたが結果は変わらずクリックできない。
self.view.sendSubviewToBack(imageView)
どなたかご教授お願いします。

import UIKit

class ViewController: UIViewController,UIGestureRecognizerDelegate{
    var textLayerNO : Int = 1 //丸の番号
    
    var imageView = UIImageView()
    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = UIColor.white
        
        //MARK:-UIImageViewの設置
        imageView.image = UIImage(named:"test")
        imageView.frame = CGRect(x: 0, y: 0, width: 200, height: 200)
        self.view.addSubview(imageView)
        self.view.sendSubviewToBack(imageView)//最背面に移動
    }
    
    //MARK:- タッチした時
    var selectLayer:CALayer!
    //最後にタッチされた座標をいれておく
    private var touchLastPoint:CGPoint!
    
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        print("タッチした")
         self.view.sendSubviewToBack(imageView)//最背面に移動
        selectLayer = nil //すでに選択されたあレイヤがあるかもしれないのでnilとしておく
        let touch : UITouch = touches.first! //touches.first! はタッチをしたことを取得
        let layer:CALayer = hitLayer(touch: touch)//タッチされた場所にあるレイヤを取得
        let touchPoint:CGPoint = touch.location(in: self.view) //タッチされた座標を取得
        touchLastPoint=touchPoint //最後にタッチされた場所の座標を入れておく
        self.selectLayerFunc(layer:layer) //選択されたレイヤをselectLayerに入れる
        
        //直前の座標との差を取得
        let touchOffsetPoint:CGPoint = CGPoint(x:touchPoint.x - touchLastPoint.x,
                                               y:touchPoint.y - touchLastPoint.y)
        touchLastPoint = touchPoint
        
        if (selectLayer != nil){
            let px:CGFloat = selectLayer.position.x
            let py:CGFloat = selectLayer.position.y
            CATransaction.setDisableActions(true)
            selectLayer.position = CGPoint(x:px + touchOffsetPoint.x,y:py + touchOffsetPoint.y)
            selectLayer.borderColor = UIColor.green.cgColor //タッチしたら枠を付けるために色をけ決めておく
            
        }
    }
    
    //MARK:- タッチをした場所にあるレイヤーを取得するhitLayer(touch:)を作成
    func hitLayer(touch:UITouch) ->CALayer{
        var touchPoint:CGPoint = touch.location(in:self.view)
        touchPoint = self.view.layer.convert(touchPoint, to: self.view.layer.superlayer)
        return self.view.layer.hitTest(touchPoint)!
    }
    
    //MARK:- 選択されたレイヤーをselectLayerに入れている部分
    func selectLayerFunc(layer:CALayer?) {
        if((layer == self.view.layer) || (layer == nil)){
            selectLayer = nil
            let oval = MyShapeLayer()
            oval.frame = CGRect(x:touchLastPoint.x-15,y:touchLastPoint.y-15,width:30,height:30)
            oval.drawOval(lineWidth:1,textLayerNO:textLayerNO)
            textLayerNO += 1
            self.view.layer.addSublayer(oval)//丸を追加
            self.view.sendSubviewToBack(imageView)//最背面に移動
        }
    }
}

import UIKit

class MyShapeLayer: CALayer {
    func drawOval(lineWidth:CGFloat,textLayerNO:Int){
        let textLayer = CATextLayer()
        textLayer.string = String(textLayerNO)
        textLayer.foregroundColor = UIColor.green.cgColor
        self.addSublayer(textLayer)
        
        let ovalShapeLayer = CAShapeLayer()
        ovalShapeLayer.strokeColor = UIColor.green.cgColor
        ovalShapeLayer.fillColor = UIColor.clear.cgColor
        ovalShapeLayer.opacity = 1 //透過
        ovalShapeLayer.lineWidth = lineWidth
        ovalShapeLayer.path = UIBezierPath(ovalIn: CGRect(x:0, y:0, width:self.frame.width, height: self.frame.height)).cgPath
        ovalShapeLayer.name = String(textLayerNO)
        self.addSublayer(ovalShapeLayer)
    }
}

Comments

[退会済みユーザー]

https://qiita.com/akatsuki174/items/45d4bd7cb150defbf116
ヒエラルキーを確認したらどうなってますか？

[AppDvl]

スクショを追加しました。
レイヤの順番はUIImageViewが最上面に来ているようです。

[AppDvl]

ヒエラルキーという機能を初めて知りました。
便利な機能を教えていただきありがとうございます。

Answer 1

imageViewにも丸をつけたいだけなら、layerの指定をself.view.layerだけに限定してるところを考え直してあげてください。

//MARK:- 選択されたレイヤーをselectLayerに入れている部分
    func selectLayerFunc(layer:CALayer?) {
        //if((layer == self.view.layer) || (layer == nil)){  // <= ここ変えてあげて
            selectLayer = nil
            let oval = MyShapeLayer()
            oval.frame = CGRect(x:touchLastPoint.x-15,y:touchLastPoint.y-15,width:30,height:30)
            oval.drawOval(lineWidth:1,textLayerNO:textLayerNO)
            textLayerNO += 1
            self.view.layer.addSublayer(oval)//丸を追加
            self.view.sendSubviewToBack(imageView)//最背面に移動
        //}　<= 動かすだけなのでここも消してあげて
    }

Comments

[AppDvl]

tyobigorouさん
私が１日悩んだことを即座に答えを教えていただき、感激です。
感謝しかありません、ありがとうございます！