{"id":25720,"date":"2024-10-27T05:22:19","date_gmt":"2024-10-27T05:22:19","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=25720"},"modified":"2024-11-26T07:59:35","modified_gmt":"2024-11-26T07:59:35","slug":"%ec%8a%a4%ec%9c%84%ed%94%84%ed%8a%b8%eb%a1%9c-uikit-%eb%b0%a9%ec%8b%9d-%ec%95%84%ec%9d%b4%ed%8f%b0-%ec%95%b1-%ea%b0%9c%eb%b0%9c-19-%ed%95%80%ec%b9%98-%ec%a0%9c%ec%8a%a4%ec%b2%98%eb%a5%bc-%ec%82%ac","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/25720\/","title":{"rendered":"\uc2a4\uc704\ud504\ud2b8\ub85c UIKIT \ubc29\uc2dd \uc544\uc774\ud3f0 \uc571 \uac1c\ubc1c: 19 \ud540\uce58 \uc81c\uc2a4\ucc98\ub97c \uc0ac\uc6a9\ud55c \uc0ac\uc9c4 \ud655\ub300\/\ucd95\uc18c"},"content":{"rendered":"

iOS \uac1c\ubc1c\uc5d0 \uc788\uc5b4 UIImageView\ub294 \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc774\ubbf8\uc9c0 \ube44\uc8fc\uc5bc\uc744 \uc81c\uacf5\ud558\ub294 \uc911\uc694\ud55c \uad6c\uc131 \uc694\uc18c\uc785\ub2c8\ub2e4. \ud2b9\ud788 \uc0ac\uc9c4 \uac24\ub7ec\ub9ac\ub098 \uc774\ubbf8\uc9c0 \ubdf0\uc5b4 \uc571\uc744 \ub9cc\ub4e4 \ub54c, \uc774\ubbf8\uc9c0\uc758 \ud655\ub300\/\ucd95\uc18c \uae30\ub2a5\uc740 \ud544\uc218\uc801\uc785\ub2c8\ub2e4. \uc774\ubc88 \uae00\uc5d0\uc11c\ub294 Swift\ub85c UIKit \ud504\ub808\uc784\uc6cc\ud06c\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc544\uc774\ud3f0 \uc571\uc744 \uac1c\ubc1c\ud558\ub294 \ubc29\ubc95\uacfc 19 \ud540\uce58 \uc81c\uc2a4\ucc98\ub97c \ud1b5\ud574 \uc0ac\uc9c4\uc744 \ud655\ub300\ud558\uace0 \ucd95\uc18c\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uae4a\uc774 \uc788\uac8c \ub2e4\ub8f0 \uac83\uc785\ub2c8\ub2e4. <\/p>\n

1. UIKit\uc758 \uc774\ud574<\/h2>\n

UIKit\uc740 iOS \uc571 \uac1c\ubc1c\uc744 \uc704\ud55c \uae30\ubcf8 \ud504\ub808\uc784\uc6cc\ud06c\ub85c, \uc571\uc758 UI\ub97c \uad6c\uc131\ud558\uace0 \uc774\ubca4\ud2b8\ub97c \ucc98\ub9ac\ud558\ub294 \ub370 \ud544\uc694\ud55c \ub2e4\uc591\ud55c \ud074\ub798\uc2a4\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. UIKit\uc744 \uc0ac\uc6a9\ud558\uba74 \ud130\uce58 \uc774\ubca4\ud2b8, \uc81c\uc2a4\ucc98 \uc778\uc2dd \ubc0f \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc190\uc27d\uac8c \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. UIImageView\ub294 \uc774\ubbf8\uc9c0\ub97c \ud654\uba74\uc5d0 \ud45c\uc2dc\ud558\ub294 \uc2dc\uac01\uc801 \uc694\uc18c\uc774\uba70, \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc27d\uac8c \uc811\uadfc\ud560 \uc218 \uc788\ub3c4\ub85d \ub9cc\ub4dc\ub294 \ub370 \uc911\uc694\ud55c \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4.<\/p>\n

2. \ud504\ub85c\uc81d\ud2b8 \uc124\uc815<\/h2>\n

Xcode\ub97c \uc5f4\uace0 \uc0c8\ub85c\uc6b4 iOS \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4. \ub2e4\uc74c \ub2e8\uacc4\ub85c \uacc4\uc18d \uc9c4\ud589\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4:<\/p>\n

    \n
  1. \ud504\ub85c\uc81d\ud2b8 \ud15c\ud50c\ub9bf \uc120\ud0dd: ‘App’ \uc120\ud0dd<\/li>\n
  2. \ud504\ub85c\uc81d\ud2b8 \uc774\ub984 \uc785\ub825: ‘ImageZoomApp’<\/li>\n
  3. Swift \uc5b8\uc5b4\uc640 UIKit \uc120\ud0dd \ud6c4 \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131 \uc644\ub8cc<\/li>\n<\/ol>\n

    \uc774\uc81c \uae30\ubcf8\uc801\uc778 Xcode \ud504\ub85c\uc81d\ud2b8\uac00 \uc0dd\uc131\ub418\uc5c8\uc2b5\ub2c8\ub2e4. Main.storyboard \ud30c\uc77c\uc744 \uc5f4\uc5b4 \uc0ac\uc6a9\uc790\uc758 \uc778\ud130\ud398\uc774\uc2a4\ub97c \ub514\uc790\uc778\ud560 \uc900\ube44\ub97c \ud569\ub2c8\ub2e4.<\/p>\n

    3. UIImageView \uc124\uc815<\/h2>\n

    Main.storyboard\uc5d0\uc11c UIImageView\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4. \uc5ec\uae30\uc5d0 \uc0ac\uc6a9\ud560 \uc774\ubbf8\uc9c0\ub97c \ucd94\uac00\ud558\uace0 \uc2a4\ud1a0\ub9ac\ubcf4\ub4dc\uc5d0\uc11c UIImageView\uc758 \ud06c\uae30 \ubc0f \uc704\uce58\ub97c \uc870\uc815\ud569\ub2c8\ub2e4. \uc544\ub798\uc758 \ucf54\ub4dc\ub97c \uc0ac\uc6a9\ud574 UIImageView\uc5d0 \uc774\ubbf8\uc9c0\ub97c \uc124\uc815\ud569\ub2c8\ub2e4:<\/p>\n

    let imageView = UIImageView(image: UIImage(named: \"example_image\"))\nimageView.contentMode = .scaleAspectFit\nimageView.isUserInteractionEnabled = true \/\/ \uc81c\uc2a4\ucc98 \uc778\uc2dd\uc744 \ud65c\uc131\ud654\ud569\ub2c8\ub2e4.\nself.view.addSubview(imageView)<\/code><\/pre>\n
    4. \ud540\uce58 \uc81c\uc2a4\ucc98 \ucd94\uac00<\/h2>\n
    \ud540\uce58 \uc81c\uc2a4\ucc98\ub97c \uc0ac\uc6a9\ud574\uc11c \uc0ac\uc9c4\uc744 \ud655\ub300 \ubc0f \ucd95\uc18c\ud558\uae30 \uc704\ud574 UIPinchGestureRecognizer\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790\uac00 \ud540\uce58 \uc81c\uc2a4\ucc98\ub97c \uc0ac\uc6a9\ud560 \ub54c \uc774\ubbf8\uc9c0\ub97c \ud655\ub300\ud558\uac70\ub098 \ucd95\uc18c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798\uc758 \uc608\uc81c \ucf54\ub4dc\ub97c \ucc38\uace0\ud558\uc138\uc694:<\/p>\n
    let pinchGesture = UIPinchGestureRecognizer(target: self, action: #selector(handlePinch(_:)))\nimageView.addGestureRecognizer(pinchGesture)<\/code><\/pre>\n
    5. \ud540\uce58 \uc81c\uc2a4\ucc98 \ud578\ub4e4\ub9c1<\/h2>\n
    \ud540\uce58 \uc81c\uc2a4\ucc98\ub97c \ud578\ub4e4\ub9c1\ud558\uae30 \uc704\ud574 \uc544\ub798\uc758 \uba54\uc11c\ub4dc\ub97c \uc791\uc131\ud569\ub2c8\ub2e4:<\/p>\n
    @objc func handlePinch(_ gesture: UIPinchGestureRecognizer) {\n    if let view = gesture.view {\n        view.transform = view.transform.scaledBy(x: gesture.scale, y: gesture.scale)\n        gesture.scale = 1.0 \/\/ \uc2a4\ucf00\uc77c\uc744 \ucd08\uae30\ud654\ud558\uc5ec \uc5f0\uc18d\uc801\uc778 \ud655\ub300\/\ucd95\uc18c\uac00 \uac00\ub2a5\ud558\uac8c \ud569\ub2c8\ub2e4.\n    }\n}<\/code><\/pre>\n
    6. \ucd94\uac00\uc801\uc778 \uc0ac\uc6a9\uc790 \uacbd\ud5d8 \ud5a5\uc0c1<\/h2>\n
    \ud540\uce58 \uc81c\uc2a4\ucc98 \uc678\uc5d0\ub3c4 \ub4dc\ub798\uadf8 \uc81c\uc2a4\ucc98\ub97c \ucd94\uac00\ud558\uc5ec \uc0ac\uc6a9\uc790\uac00 \uc774\ubbf8\uc9c0\ub97c \uc774\ub3d9\ud560 \uc218 \uc788\ub3c4\ub85d \ud558\ub294 \uac83\ub3c4 \uc88b\uc740 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. UIPanGestureRecognizer\ub97c \ucd94\uac00\ud558\uace0 \uc544\ub798\uc758 \uba54\uc11c\ub4dc\ub97c \uc815\uc758\ud569\ub2c8\ub2e4:<\/p>\n
    let panGesture = UIPanGestureRecognizer(target: self, action: #selector(handlePan(_:)))\nimageView.addGestureRecognizer(panGesture)<\/code><\/pre>\n
    @objc func handlePan(_ gesture: UIPanGestureRecognizer) {\n    if let view = gesture.view {\n        let translation = gesture.translation(in: self.view)\n        view.center = CGPoint(x: view.center.x + translation.x, y: view.center.y + translation.y)\n        gesture.setTranslation(.zero, in: self.view) \/\/ \ucd08\uae30\ud654\ud558\uc5ec \uc5f0\uc18d\uc801\uc778 \uc774\ub3d9\uc774 \uac00\ub2a5\ud558\ub3c4\ub85d \ud569\ub2c8\ub2e4.\n    }\n}<\/code><\/pre>\n
    7. \uc774\ubbf8\uc9c0 \ud655\ub300\/\ucd95\uc18c\uc758 \ud55c\uacc4 \uc124\uc815<\/h2>\n
    \ubb34\ud55c\ud788 \ud655\ub300\ub418\uac70\ub098 \ucd95\uc18c\ub418\ub294 \uac83\uc744 \ubc29\uc9c0\ud558\uae30 \uc704\ud574, \ud2b9\uc815 \ud655\ub300 \ud639\uc740 \ucd95\uc18c \ube44\uc728\uc758 \ud55c\uacc4\ub97c \uc124\uc815\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4. \uc774 \uc124\uc815\uc744 \uc704\ud574 handlePinch \uba54\uc11c\ub4dc\ub97c \ub2e4\uc74c\uacfc \uac19\uc774 \uc218\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n
    let minScale: CGFloat = 1.0\nlet maxScale: CGFloat = 4.0\nvar currentScale: CGFloat = 1.0\n\n@objc func handlePinch(_ gesture: UIPinchGestureRecognizer) {\n    if let view = gesture.view {\n        let newScale = currentScale * gesture.scale\n        \n        \/\/ \ube44\uc728\uc758 \ud55c\uacc4\ub97c \uc124\uc815\ud569\ub2c8\ub2e4.\n        if newScale <= maxScale && newScale >= minScale {\n            view.transform = view.transform.scaledBy(x: gesture.scale, y: gesture.scale)\n            currentScale = newScale\n        }\n        \n        gesture.scale = 1.0 \/\/ \ucd08\uae30\ud654\n    }\n}<\/code><\/pre>\n
    8. \ub9c8\ubb34\ub9ac \ubc0f \ud14c\uc2a4\ud2b8<\/h2>\n
    \ub9c8\uc9c0\ub9c9\uc73c\ub85c, \uc5ec\ub7ec\ubd84\uc758 \uc774\ubbf8\uc9c0 \ud655\ub300\/\ucd95\uc18c \uc571\uc744 \uc2dc\ubbac\ub808\uc774\ud130 \ub610\ub294 \uc2e4\uc81c \uae30\uae30\uc5d0\uc11c \uc2e4\ud589\ud558\uc5ec \ud14c\uc2a4\ud2b8\ud569\ub2c8\ub2e4. \uae30\ub2a5\uc774 \uae30\ub300\ud55c \ub300\ub85c \uc791\ub3d9\ud558\ub294\uc9c0 \ud655\uc778\ud558\uc2ed\uc2dc\uc624. \ubcf4\ud1b5, \uc5ec\ub7ec \ud574\uc0c1\ub3c4\uc758 \uc774\ubbf8\uc9c0\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud540\uce58 \uc81c\uc2a4\ucc98\uac00 \uc798 \uc791\ub3d9\ud558\ub294\uc9c0 \ud14c\uc2a4\ud2b8\ud574 \ubcf4\uc2ed\uc2dc\uc624.<\/p>\n
    9. \ub2e4\uc74c \ub2e8\uacc4<\/h2>\n
    \uc774\uc81c \uae30\ubcf8\uc801\uc778 \uc774\ubbf8\uc9c0 \ud655\ub300\/\ucd95\uc18c \uae30\ub2a5\uc744 \uac16\ucd98 \uc571\uc744 \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4. \ucd94\uac00\uc801\uc73c\ub85c \ub2e4\uc74c\uacfc \uac19\uc740 \uae30\ub2a5\uc744 \uace0\ub824\ud574 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n