UIImageViews /向视图添加多个标签。

Question

简介：向视图添加多个贴纸/表情符号的功能。

设置：有2个视图控制器-一个向我们添加贴纸的视图控制器，另一个具有贴纸的集合视图。 贴纸本身在' prepareForSegue '函数中以数组形式传递。 有2个数组，一个数组仅包含贴纸图像，另一个数组-具有UIImageViews已经平移，挤压和旋转的贴纸。

错误：添加第二个标签后，将重新出现AddingStickersVC但如果以前的标签不在我们留下的位置。 它会被捏和缩放，但不能平移。 新贴纸也粘贴在第一个贴纸上（相同的框架？）。 我们可以将先前的贴纸与新的贴纸分开捏和缩放-（不，它们有自己的框架），但我们无法将它们分开。 最终得到一堆UIImageViews，它们分别进行旋转和收缩，但全部平移。 此外，在每增加一个贴纸后，平移速度就会提高（平移手势会多次添加？）。

视图层次结构

将标签添加到“ viewForEmoji”视图（ viewForImgAndEmoji ）。

AddingStickersVC：

@IBOutlet weak var viewForImgAndEmoji: UIView!
@IBOutlet weak var mainImg: UIImageView!
@IBOutlet weak var viewForSnapshot: UIView!


var imageData: Data!
var imageItself: UIImage!
var currentUserPostRef: FIRDatabaseReference!
var emojiImage: UIImage!
var geoFire: GeoFire!

var arrayOfEmojis = [UIImage]()
var arrayOfEmojiViews = [UIImageView]()

var n:Int = 1

override func viewDidLoad() {
    super.viewDidLoad()

    if imageData != nil {
        let img = UIImage(data: imageData)
        let fixedImg = img!.fixOrientation(img: img!)

        mainImg.image = fixedImg
    } else if imageItself != nil {
        mainImg.image = imageItself
    }


    if arrayOfEmojiViews.count != 0 {
        for emojiView1 in arrayOfEmojiViews {
            viewForImgAndEmoji.addSubview(emojiView1)
        }
    }


    // get image out of array.

    if arrayOfEmojis.count != 0 {
        for emoji in arrayOfEmojis {

            let emojiView = UIImageView(image: emoji)
            emojiView.tag = n
            emojiView.frame = CGRect(x: 153, y: 299, width: 70, height: 70)
            emojiView.isUserInteractionEnabled = true

            let pan = UIPanGestureRecognizer(target: self, action: #selector(self.handlePan(recognizer:)))
            pan.delegate = self
            viewForImgAndEmoji.addGestureRecognizer(pan)

            let pinch = UIPinchGestureRecognizer(target: self, action: #selector(self.handlePinch(recognizer:)))
            pinch.delegate = self
            viewForImgAndEmoji.addGestureRecognizer(pinch)

            let rotate = UIRotationGestureRecognizer(target: self, action: #selector(self.handleRotate(recognizer:)))
            rotate.delegate = self
            viewForImgAndEmoji.addGestureRecognizer(rotate)

            // check so we won't add previous emoji. only new. 
            if viewForImgAndEmoji.viewWithTag(n) == nil {

                viewForImgAndEmoji.addSubview(emojiView)
            }
            n += 1

         }
    }
}


override func prepare(for segue: UIStoryboardSegue, sender: Any?) {

    if arrayOfEmojis.count != 0 {
        for j in 1...n {

            if var view1 = self.viewForImgAndEmoji.viewWithTag(j) as? UIImageView {
                arrayOfEmojiViews.append(view1)
                print("Zhenya: views frame is \(view1.frame)")
            }
        }

    }

    if segue.identifier == "EmojiCollectionVC" {
        if let emojiCollection = segue.destination as? EmojiCollectionVC{
            if let image = sender as? UIImage {
            emojiCollection.userImage = image

                if arrayOfEmojis.count != 0 {
                  //arrayToStoreEmojis
                   emojiCollection.arrayToStoreEmojis = arrayOfEmojis
                   emojiCollection.arrayToStoreEmojiViews = arrayOfEmojiViews
            }
        }
      }
    }
}

 @IBAction func handlePan(recognizer: UIPanGestureRecognizer) {
    let translation = recognizer.translation(in: self.viewForImgAndEmoji)
    if let view = recognizer.view {
        view.center = CGPoint(x:view.center.x + translation.x,
        y:view.center.y + translation.y)
        }
    recognizer.setTranslation(CGPoint.zero, in: self.viewForImgAndEmoji)
 }


@IBAction func handlePinch(recognizer: UIPinchGestureRecognizer) {

    let pinchPoint = recognizer.location(in: viewForImgAndEmoji)
    let ourEmojiView = viewForImgAndEmoji.hitTest(pinchPoint, with: nil)

    ourEmojiView!.transform = ourEmojiView!.transform.scaledBy(x: recognizer.scale, y: recognizer.scale)
    recognizer.scale = 1

}

@IBAction func handleRotate(recognizer: UIRotationGestureRecognizer){

    let rotatePoint = recognizer.location(in: viewForImgAndEmoji)
    let ourEmojiView = viewForImgAndEmoji.hitTest(rotatePoint, with: nil)

    ourEmojiView!.transform = ourEmojiView!.transform.rotated(by: recognizer.rotation)
    recognizer.rotation = 0
}

func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
    return true
}

和EmojiCollectionVC：

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {

    let cell = collectionView.cellForItem(at: indexPath) as! EmojiCollectionCell
    let chosenEmoji = cell.emojiView.image as UIImage!

    arrayToStoreEmojis.append(chosenEmoji!)
    performSegue(withIdentifier: "backToEmojiVC", sender: arrayToStoreEmojis)
}


override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
    if segue.identifier == "backToEmojiVC"{

        if let destinationVC = segue.destination as? EmojiVC {
            if let array = sender as? [UIImage] {

                destinationVC.arrayOfEmojis = arrayToStoreEmojis
                destinationVC.arrayOfEmojiViews = arrayToStoreEmojiViews


                let data = UIImagePNGRepresentation(userImage)
                destinationVC.imageData = data
        }
    }
}
}

Answer 1

找到解决方案。 之所以将所有新的imageView堆叠在一起，是因为平移后imageView并没有改变它们在视图中的位置。 整个观点正在动摇。 （为此，在程序的每个步骤上花了8个小时跟踪带有“打印”的帧原点的变化）。 以及整个视图在移动的原因-因为平移手势已添加到整个视图。 所以代替

let pan = UIPanGestureRecognizer(target: self, action: #selector(self.handlePan(recognizer:)))
pan.delegate = self
viewForImgAndEmoji.addGestureRecognizer(pan)

我需要：

let pan = UIPanGestureRecognizer(target: self, action: #selector(self.handlePan(recognizer:)))
pan.delegate = self
emojiView.addGestureRecognizer(pan)

有趣的是，捏和旋转-我们仍将它们添加到包含emojiView的整个视图中：

 viewForImgAndEmoji.addGestureRecognizer(pinch)
 ...

 viewForImgAndEmoji.addGestureRecognizer(rotate)