UIScrollViewでの画像の表示

Question

現在1000×10000のサイズの画像をスクロールビューに表示したいと考えています。スクロールビューは縦のみ動かせるようにし、画像が伸びたりはしたくないので下記コードのようにScaleAspectFitを使用しております。
しかし、このままだと画像の上下に空白ができてしまいます（画像自体は正しく表示されていますが、上下の空白のため非常に長いビューなってしまいます）。

この空白を表示せずに画像だけをスクロールできるようにする方法について
ご教示のほどお願い申し上げます。

// スクリーン画面のサイズを取得
let scWid: CGFloat = UIScreen.mainScreen().bounds.width     //画面の幅
let scHei: CGFloat = UIScreen.mainScreen().bounds.height    //画面の高さ

// ScrollViewを生成.
descriptionScrollView = UIScrollView()
        
// ScrollViewの大きさを設定する.
descriptionScrollView.frame = CGRectMake(scWid*0.05 ,scHei*0.1 ,scWid*0.9 ,scHei*0.7)

//画像を用意
let myImage = UIImage(named: "大きい画像.png")!

// UIImageViewを生成する.
let myImageView = UIImageView()
        
// myImageViewのimageにmyImageを設定する.
myImageView.image = myImage
        
// frameの値を設定する.
myImageView.contentMode = UIViewContentMode.ScaleAspectFit
myImageView.frame = CGRectMake(0, 0, scWid*0.9, newImage.size.height)

// ScrollViewにmyImageViewを追加する.
descriptionScrollView.addSubview(myImageView)
        
// ScrollViewにcontentSizeを設定する.
descriptionScrollView.contentSize = CGSizeMake(myImageView.frame.size.width, myImageView.frame.size.height)

//バウンドしないようにする
descriptionScrollView.bounces = false
        
// ViewにScrollViewをAddする.
self.view.addSubview(descriptionScrollView)

Comments

[fuzzball]

newImageというのは何でしょうか？

Answer 1

質問のコードを試してみましたが、画像の上下に空白ができると言っているのは、今スクロールビューのframeを

descriptionScrollView.frame = CGRectMake(scWid*0.05 ,scHei*0.1 ,scWid*0.9 ,scHei*0.7)

と設定していて、スクロールビューが画面いっぱいに表示されていないので、その外側の空白が表示されているだけのように見えます。
このコードがViewControllerのviewDidLoad()で実行されているものだとすると、

descriptionScrollView.frame = view.bounds

としたらどうですか?
こうすれば画面いっぱいにスクロールビューが表示されて空白はなくなると思いますけど。

Comments

[lyzmfeqpxs54]

ご回答ありがとうございます。
スクロールビューのサイズ全画面ではなく、コーディングしたとおり
descriptionScrollView.frame = CGRectMake(scWid*0.05 ,scHei*0.1 ,scWid*0.9 ,scHei*0.7)
の中で行いたいのです。

[TakeOne]

fuzzballさんが情報の追加修正依頼で書いているのですが
`myImageView.frame = CGRectMake(0, 0, scWid*0.9, newImage.size.height)`
のnewImageと言うのがエラーになるので、私はこれをmyImageの間違いだろうと思って勝手に修正して確認したのですが、もしかして、myImageでない別のnewImageという別の画像があって、それを使っているのですか?
だったら、それが問題の原因だと思います。

[lyzmfeqpxs54]

失礼いたしました。newImageではなくmyImageの間違いです。

[TakeOne]

言っている意味がわかりました。スクロールビューの外に空白ができると言っているのではなくて、スクロールビューの中で画像の上下に空白ができると言っているのですね。
でしたら、横サイズ1000の画像を横320くらいに縮めて表示しているのですから、ScaleAspectFitを指定したら縦も比例して3200くらいに縮まります。なのにmyImageViewの高さにmyImage.size.height(=10000)を指定しているから上下に余白ができるのだと思います。

myImageView.frame = CGRectMake(0, 0, scWid*0.9, myImage.size.height*scWid*0.9/myImage.size.width)

とすべきだと思います。

[lyzmfeqpxs54]

ご回答ありがとうございます。
説明が悪く、お手間をおかけして申し訳ございませんでした。
ご教示いただきたいた方法でやりたいことの実現ができました。
また、理由も合わせてご教示いただき、うまく表示できなかった原因も理解することができました。本当にありがとうございます。

また、よろしくお願いいたします。

Answer 2

おまけ

AVFoundationにScaleAspectFit後のサイズを求められる関数(AVMakeRectWithAspectRatioInsideRect)があるので、これを利用してみます。

(前略)
import AVFoundation
(中略)
        // frameの値を設定する.
        myImageView.contentMode = .ScaleAspectFit
        //幅はScrollViewと同じ、高さは仮に無限大としておく
        myImageView.frame = CGRectMake(0, 0, CGRectGetWidth(descriptionScrollView.frame), CGRectGetHeight(CGRectInfinite))
        print("frame(tmp)=", myImageView.frame)
        //ScaleAspectFit後のサイズを求める
        myImageView.frame.size = AVMakeRectWithAspectRatioInsideRect(myImage.size/*画像サイズ*/, myImageView.frame/*fitさせたい領域*/).size
        print("frame(fit)=", myImageView.frame)
(中略)
        // ScrollViewにcontentSizeを設定する.
        descriptionScrollView.contentSize = myImageView.frame.size //シンプルに!
(後略)