AutoLayout：UIImageViewとAspect Fitコンテンツモード

Question

親ビューの中央にUIImageViewを配置しようとしています。画像は元のアスペクト比を維持しなければならず、親の境界を超えてはいけません。したがって、横の画像は親の幅によって制限され、縦の画像は元の比率を維持しながら必要な垂直スペースを占有する必要があります。

AutoLayoutではかなり単純な作業のようですね。ここに私のセットアップはUIImageViewのためです：

• 中央垂直親で
• 中央水平親で
• imageView.width < = superview.width
• imageView.height < = superview.height

contentModeからAspect Fitにも設定します。すべては、デバイスの画面よりも小さい小さな画像では本当にうまくいくが、なんらかの理由で私の大きな画像（imageView.backgroundColor = [UIColor greenColor]に注意）のために、UIImageViewは基底のUIImageよりも多くの領域を取る。

なぜこの出来事はありますか？私は自分の制約によってAutoLayoutの専門家ではないと思う。 200x400のような小さい画像を使用すると、UIImageViewは、緑色の余白がなく、画面上で正確に200x400ポイントを取ります。

境界線と丸みのある角を追加したいと思いますが、この場合は正しく動作しません。

Answer 1

これは、幅と高さの制限を< =と設定しているためです。 小さな画像の場合、imageViewのフレームは問題なく計算され、すべての制約が満たされます。しかし、大きな画像が設定されている場合、画像が収まるようにimageViewのサイズが設定されますが、同じようにsuperview（画面サイズ）のサイズによって制限されます。

• アスペクト比がわかっている場合は、制約として設定して 緑色の背景は表示されません。
• それ以外の場合は、そのまま のままにして、背景色をクリアするように設定してください。この の方法では、空いているゾーンは透明になり、 に設定した画像は少なくとも1次元で最大のスペースをとります。

編集：おそらく

ない最善の解決策、オールドスクールの一種。あなたは厳格な幅と高さ制約を追加し、画像のアスペクト比を使用して手動で計算することができます。

@IBOutlet weak var heightConstraint: NSLayoutConstraint! 
@IBOutlet weak var widthConstraint: NSLayoutConstraint! 

func setImage(image: UIImage) { 
    imageView.image = image 
    let screenSize = UIScreen.main.bounds.size 

    let imageAspectRatio = image.size.width/image.size.height 
    let screenAspectRatio = screenSize.width/screenSize.height 

    if imageAspectRatio > screenAspectRatio { 
     widthConstraint.constant = min(image.size.width, screenSize.width) 
     heightConstraint.constant = widthConstraint.constant/imageAspectRatio 
    } 
    else { 
     heightConstraint.constant = min(image.size.height, screenSize.height) 
     widthConstraint.constant = heightConstraint.constant * imageAspectRatio 
    } 
    view.layoutIfNeeded() 
} 

Answer 2

は「境界にクリップ」をチェックしてみImageViewのためにInterface Builderで はClip to Bounds Image View

、あなたがよく持っている必要があります-defined高さと幅ではなく、「< =」