UIImageViews / 向视图添加多个贴纸。

Question

简介： 向视图添加多个 stickers/emoji 的功能。

设置： 有 2 个视图控制器 - 我们要向其添加贴纸的一个，另一个带有贴纸集合视图。贴纸本身在 'prepareForSegue' 函数的数组中传递。有 2 个阵列，一个只有贴纸图像，另一个 - 带有 UIImageViews - 已经平移、捏合和旋转的贴纸。

错误： 添加第二个贴纸后，AddingStickersVC 重新出现，但之前的贴纸不在我们离开的地方。它被捏和缩放，但没有平移。新贴纸也贴在第一个贴纸上（相同的框架？）。我们可以将以前的贴纸与新贴纸分开缩放 -（不，它们有自己的框架），但我们不能将它们分开。最终得到一堆 UIImageViews，它们分别进行旋转和捏合，但一起平移。此外，每增加一个贴纸，平移速度就会加快（平移手势会添加多次？）。

视图层次结构

贴纸已添加到 'viewForEmoji' 视图 (viewForImgAndEmoji)。

添加贴纸VC：

@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

找到解决方案。这就是为什么所有新的 imageViews 都被堆叠起来的原因——因为在平移 imageViews 之后并没有改变它们在视图中的位置。整个f视图都在移动。（为了找到这个，在程序的每一步都用 'prints' 花了 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)

UIImageViews / 向视图添加多个贴纸。

UIImageViews / Adding Multiple Stickers To A View.

uiimageview

uigesturerecognizer

ios

swift