質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.84%

  • Swift

    6486questions

    Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Swift カメラロールの画像を98%の大きさでクロップする

受付中

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 135

mitci

score 28

前提・実現したいこと

画像ピッカーで選んだ画像をUIImageViewに表示しているのですが、その画像の縁を切るように、98%カットしたいのです。
こんな感じです。
こうしたい

Aspect Fitです。

func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : Any]) {
        if let image = info[UIImagePickerControllerOriginalImage] as? UIImage {
            imageView.image = image
        } else {
            print("Error")
        }
        self.dismiss(animated: true, completion: nil)
    }
@IBAction func tappedCropButton(_ sender: Any) {
        //どうするのでしょうか
    }

試したこと

imageViewを中心に表示したいので、以下のようにしてみたのですが、

var imageViewWidth = 325
var imageViewHeight = 474
//省略
@IBAction func tappedCropButton(_ sender: Any) {
    let imageWidthCropped = Int(Double(imageViewWidth) * 0.98)
    let imageHeightCropped = Int(Double(imageViewHeight) * 0.98)
    let imageViewXCropped = (1024 - imageWidthCropped) / 2
    let imageViewYCropped = (768 - imageHeightCropped) / 2
    //iPadランドスケープの想定なので、全体widthを1024,heightを768にしてます。
    imageView.frame = CGRect(x: imageViewXCropped, y: imageViewYCropped, width: imageWidthCropped, height: imageHeightCropped)
    imageViewWidth = imageWidthCropped
    imageViewHeight = imageHeightCropped
    //98%カットした画像をさらに98%カットしたいので、基準となる値を更新します
    }

しかし、これだと全く想定していない動きになってしまっていたため、
以下のextentionを利用して、

extension UIImage {
    func cropping(to: CGRect) -> UIImage? {
        var opaque = false
        if let cgImage = cgImage {
            switch cgImage.alphaInfo {
            case .noneSkipLast, .noneSkipFirst:
                opaque = true
            default:
                break
            }
        }

        UIGraphicsBeginImageContextWithOptions(to.size, opaque, scale)
        draw(at: CGPoint(x: -to.origin.x, y: -to.origin.y))
        let result = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return result
    }
}


こうしてみました。

var imageViewWidth = 325
var imageViewHeight = 474
//省略
@IBAction func tappedCropButton(_ sender: Any) {
    let imageWidthCropped = Int(Double(imageViewWidth) * 0.98)
    let imageHeightCropped = Int(Double(imageViewHeight) * 0.98)
    let imageXCropped = (imageViewWidth - imageWidthCropped) / 2
    let imageYCropped = (imageViewHeight - imageHeightCropped) / 2
    //周囲2%を削りたいので、小さくなった分を上下左右に2等分するため、/2をします。
    let imageViewXCropped = (1024 - imageWidthCropped) / 2
    let imageViewYCropped = (768 - imageHeightCropped) / 2
    let croppedImage = imageView.image!.cropping(to: CGRect(x: imageXCropped, y: imageYCropped, width: imageWidthCropped, height: imageHeightCropped))
    imageView.Image = croppedImage
    imageView.frame = CGRect(x: imageViewXCropped, y: imageViewYCropped, width: imageWidthCropped, height: imageHeightCropped)
    imageViewWidth = imageWidthCropped
    imageViewHeight = imageHeightCropped
    //98%カットした画像をさらに98%カットしたいので、基準となる値を更新します
    }


ですが、やはり想定とは異なる動きになってしまい、具体的に言うと、元の画像の原寸からクロップされたり、imageViewがだんだん上に移動してしまったりしまいます。

補足情報(言語/FW/ツール等のバージョンなど)

xcode3 swift8

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • mitci

    2018/01/11 21:13

    用途としては、元画像の大小によらず、325x474にaspect fitで入れて、98%ずつ画像をクロップしていき(サイズはクロップするごとに325x474の98%、その98%、そのまた98%・・・としたいのです)、最終的には新たな画像としてカメラロールに保存したいな、と思っています。

    キャンセル

  • t_obara

    2018/01/12 01:33

    aspect fitで入れるというのは単に表示の際に縮小されるだけです。まずは325x474にaspect fitと同様に形で縮小し、その後に98%縮小してみてはいかがですか?

    キャンセル

  • fuzzball

    2018/01/12 09:09

    私もt_obaraさんと同意見です。繰り返し行うなら実際にリサイズした方が良いと思います。

    キャンセル

回答 1

0

目的を果たせるかどうか分かりませんが、クロップするサイズのViewを用意して、その上にImageViewを乗せるのはどうでしょうか?

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()

    v = UIView(frame: CGRect(x: 0, y: 0, width: imageWidthCropped, height: imageHeightCropped))
    v.center = self.view.center
    v.clipsToBounds = true
    self.view.addSubview(v)

    imageView.frame = CGRect(x: 0, y: 0, width: imageViewWidth, height: imageViewHeight)
    imageView.center = CGPoint(x: v.frame.width/2, y:v.frame.height/2)
    v.addSubview(imageView)
}

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.84%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • Swift

    6486questions

    Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています