swiftで重なっている(または任意の座標にある)Viewを取得したい

Question

前提・実現したいこと

生成された1組のView1とView2を同時にpangestureで移動させたいです．

let panGesture = UIPanGestureRecognizer(target: self, action: #selector(self.moveView))
panGesture.delegate = self
view1.addGestureRecognizer(panGesture)
view1.isUserInteractionEnabled = true

self.parent?.view.addSubview(view1)
self.parent?.view.addSubview(view2)

のように，同じサイズ，座標のViewが親Viewにあります．

この動作は複数回繰り返されているので，親Viewにはこの動作によって
生成されたViewがいくつかあります．

そのため，

①gestureを検知したらview1に重なっているviewを取得
または，View1の座標からView2を取得(完全に重なっているものだけ)

②View１の座標変化とともにView2の座標も変える

を行いたいです．

よろしくおねがいします．

理想のコード

    @objc func moveView(sender: UIPanGestureRecognizer) {
        //ここのsenderはView1
        
        let location: CGPoint = sender.translation(in: parent!.view)
        
        //view1と重なっているView2を取得したい
        let view2 = ?????

        view2.center.x += location.x
        view2.center.y += location.y
        
        sender.view?.center.x += location.x
        sender.view?.center.y += location.y
        
        
        sender.setTranslation(CGPoint.zero, in: self.view)

    }

追記

親Viewの中にcontainerViewがあり，その中のImageViewを長押しすると
view1 view2が同じサイズ，位置，つまり，完全に重なった状態で親Viewに追加されます．
長押しは何回でも出来るのでview1とview2の1組は何個も親Viewに存在します．
イメージ図はこんな感じです ↓
![

このような感じで，
一回親に貼り付けられたview1とView2を一緒に動かしたいです．

ContainerViewのViewControllerは親Viewと異なります．
ContainerViewで，長押しを感知し，View1とView2を生成しています．
以下が該当コードです．

ContainerVC内で

    override func viewDidLoad() {
        super.viewDidLoad()
        //長押しをセット
        let longPressGesture =
        UILongPressGestureRecognizer(target: self,
                                     action: #selector(self.longPress(_:)))
        longPressGesture.delegate = self
        self.imageView.addGestureRecognizer(longPressGesture)
    }

    //長押しされたら
       @objc func longPress(_ sender: UILongPressGestureRecognizer){
        if sender.state == .began {
                //View1 座標はランダム
                view1 = UIImageView(frame: CGRect(x: x,y: y, width: 168, height: 90)) 
                let panGesture2 = UIPanGestureRecognizer(target: self, action: #selector(self.moveView))
                panGesture2.delegate = self
                view1.addGestureRecognizer(panGesture2)
                
                view1.isUserInteractionEnabled = true
                
                //View2 Viewに重なるように表示
                view2 = UIImageView(frame: CGRect(x: x,y: y, width: 168, height: 90))

                //Viewを追加
                self.parent?.view.addSubview(view1)
                self.parent?.view.addSubview(view2)
            }
        }
    }

moveView()については上記の通りです．

pangestureをView1，2両方につけてもView2しか反応しない(VIew2が上にあるから？)ので
View1が動かされたときに対になっているView2を取得して
一緒に動かせばいいと考えたのですが，座標からViewを取得する方法がわからず・・・．

座標からというのは，
View1の中心がX,Yなので，中心が同じ他のVIewをview2にするような
イメージです．

ご教授お願いします．

Comments

[TsukubaDepot]

> 生成された1組のView1とView2を同時にpangestureで移動させたいです．
条件がよく理解できないのですが、view1, view2 はどのように生成されるのでしょうか。

> この動作は複数回繰り返されているので，親Viewにはこの動作によって生成されたViewがいくつかあります．

ここのあたりも実際にどのようにされているのか、ご説明だけではよく把握できません。

理想のコード以外に、全体的なコード（単独で動く最低限のコード）もご提示いただくことは可能でしょうか。

[ponponpoo]

ご指摘ありがとうございます．
拙いですが追記にて修正しました．
初心者なので，これで足りているのかわかりませんので
足りてませんでしたらお手数ですがまたお知らせください．

ご教授よろしくおねがいします．

Answer 1

要件をよく把握しきれているわけではありませんが、こういうことでしょうか。

要点としては、

    //Viewを追加
    self.parent?.view.addSubview(view1)
    self.parent?.view.addSubview(view2)

と、2つのViewを別々に追加していたのを、階層づけて

    //Viewを追加
    view1.addSubview(view2)
    self.parent?.view.addSubview(view1)

とした点です。

ContainerView 内の View Controller は次のような感じです。

import UIKit

class ContainerViewController: UIViewController {
    @IBOutlet weak var imageView: UIImageView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        //長押しをセット
        imageView.image = UIImage(systemName: "calendar.circle.fill")
        let longPressGesture =
            UILongPressGestureRecognizer(target: self,
                                         action: #selector(self.longPress(_:)))
        imageView.addGestureRecognizer(longPressGesture)
        imageView.isUserInteractionEnabled = true
    }
    
    //長押しされたら
    @objc func longPress(_ sender: UILongPressGestureRecognizer){
        if sender.state == .began {
            if let parentViewController = parent as? ViewController {
                let parentWidth = parentViewController.view.frame.width
                let height = view.frame.height + 48
                let imageWidth = parentWidth / 4
                
                let x = imageWidth * CGFloat(Int.random(in: 0...3))
                let y = height + imageWidth * CGFloat(Int.random(in: 0...3))

                let baseImageView = UIImageView(frame: CGRect(x: x, y: y, width: parentWidth / 4, height: parentWidth / 4))
                let upperImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: parentWidth / 4, height: parentWidth / 4))
                
                baseImageView.image = UIImage()
                baseImageView.backgroundColor = .orange
                
                upperImageView.image = UIImage(systemName: "calendar.circle.fill")
                
                
                let panGesture = UIPanGestureRecognizer(target: self, action: #selector(moveView(sender:)))
                
                baseImageView.addGestureRecognizer(panGesture)
                baseImageView.isUserInteractionEnabled = true
                
                // View2 を View1 に addSubView する
                baseImageView.addSubview(upperImageView)
                parentViewController.view.addSubview(baseImageView)
            }
        }
    }
    
    @objc func moveView(sender: UIPanGestureRecognizer) {
        if let parentViewController = parent as? ViewController, let baseImageView = sender.view as? UIImageView {
            let location = sender.translation(in: parentViewController.view)
            
            baseImageView.center.x += location.x
            baseImageView.center.y += location.y
            
            // 移動量をリセット
            sender.setTranslation(.zero, in: parentViewController.view)
        }
    }
}

##両方 superView の配下におくのであれば

UIImageView にタグをつけて、それで検索することになるのかもしれません。

    // 検索用のタグ
    var tag = 1
    
    //長押しされたら
    @objc func longPress(_ sender: UILongPressGestureRecognizer){
        if sender.state == .began {
            if let parentViewController = parent as? ViewController {
                let parentWidth = parentViewController.view.frame.width
                let height = view.frame.height + 48
                let imageWidth = parentWidth / 4
                
                let x = imageWidth * CGFloat(Int.random(in: 0...3))
                let y = height + imageWidth * CGFloat(Int.random(in: 0...3))

                let baseImageView = UIImageView(frame: CGRect(x: x, y: y, width: parentWidth / 4, height: parentWidth / 4))
                //let upperImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: parentWidth / 4, height: parentWidth / 4))
                let upperImageView = UIImageView(frame: CGRect(x: x, y: y, width: parentWidth / 4, height: parentWidth / 4))
                
                baseImageView.image = UIImage()
                baseImageView.backgroundColor = .orange
                
                upperImageView.image = UIImage(systemName: "calendar.circle.fill")
                
                // 両方の imageView にタグをつける
                baseImageView.tag = tag
                upperImageView.tag = tag + 100
                tag += 1
                
                let panGesture = UIPanGestureRecognizer(target: self, action: #selector(moveView(sender:)))
                
                baseImageView.addGestureRecognizer(panGesture)
                baseImageView.isUserInteractionEnabled = true
                
                parentViewController.view.addSubview(baseImageView)
                parentViewController.view.addSubview(upperImageView)
            }
        }
    }
    
    @objc func moveView(sender: UIPanGestureRecognizer) {
        if let parentViewController = parent as? ViewController, let baseImageView = sender.view as? UIImageView {
            let location = sender.translation(in: parentViewController.view)
            
            baseImageView.center.x += location.x
            baseImageView.center.y += location.y
            
            // タグを使って upperImageView を探す
            let tag = baseImageView.tag
            print(tag)
            if let upperImageView = parentViewController.view.viewWithTag(tag + 100) as? UIImageView {
                upperImageView.center = baseImageView.center
            }
            
            // 移動量をリセット
            sender.setTranslation(.zero, in: parentViewController.view)
        }
    }
}

Comments

[ponponpoo]

丁寧なご回答ありがとございます。

できれば、View1,2両方とも親View上に貼り付けてその動作を行いたいのですが、その場合はどのようにすれば良いのでしょうか…？

[TsukubaDepot]

親View（ViewController）上に張り付いています。
ご提示いただいたイメージ図を基に、ViewController に Container View を貼り付け、その中の ViewController をContainerViewController に設定しています。

ContainerViewController からは、親VIew、つまり ViewController のインスタンスは

if let parentViewController = parent as? ViewController

という形でダウンキャストして確認し、parantViewController として得ていますので、親 VIew を直接操作しています。

View Hierarchy のキャプチャも回答に追記しますので、ご確認いただければと思います。

[ponponpoo]

ありがとうございます。

ほんとに初心者で説明がままならなくて申し訳ないのですが、
親 view >view1
親View > view2
にしたいです…。
view1,2両方とも親から見てsubviewの存在に出来ればと思っております。

もし、私の理解が追いついてなく、既にそのような構造になっておりましたらすみません…。

[TsukubaDepot]

どうしてそのような構造にする必要があるのでしょうか。
不可能ではないと思いますが、そのようにしなければならない理由がわかれば、解決法が異なってくるかもしれません。

[TsukubaDepot]

一応、両方直接 superView におく方法を追記してみましたのでご確認ください。