開発者の皆さん、Interface Builder（Xcode 5 / iOS 7）のAutoLayoutに問題があります。これは非常に基本的で重要なので、これが正しく機能する方法を誰もが知っておくべきだと思います。これがXcodeのバグである場合、それは重大なバグです！

したがって、このようなビュー階層があるときはいつでも問題が発生します。

>UIViewController
>> UIView
>>>UIScrollView
>>>>UILabel (or any other comparable UIKit Element)

UIScrollViewには、すべての側面から50ピクセルなどの制約があります（問題ありません）。次に、UILabelにTop Space制約を追加します（問題ありません）（そして、ラベルの高さ/幅を固定することもできますが、何も変更しませんが、Labelの固有のサイズのために不要になるはずです）。

UILabelに末尾の制約を追加すると、問題が発生します。

例：末尾のスペース：スーパービュー等しい：25

ここで2つの警告が発生します-その理由がわかりません。

A）スクロール可能なコンテンツサイズのあいまいさ（スクロールビューには、スクロール可能なコンテンツの高さ/幅があいまいです）

B）ビューの配置ミス（予想ラベル：x = -67実際：x = 207）

私はこの最小限の例を、新しくダウンロードできる新しいプロジェクトで実行し、スクリーンショットを添付しました。ご覧のとおり、Interface Builderは、LabelがUIScrollViewの境界（オレンジ色の破線の長方形）の外側にあると想定しています。問題解決ツールでラベルのフレームを更新すると、ラベルがすぐに移動します。

注：UIScrollViewをUIViewに置き換えると、動作は期待どおりになります（ラベルのフレームは正しく、制約に従います）。したがって、UIScrollViewに問題があるか、何か重要なことを見逃しているようです。

IBで提案されているように、ラベルのフレームを更新せずにアプリを実行すると、正確に、正確に配置され、UIScrollViewはスクロール可能です。フレームを更新すると、ラベルが見えなくなり、UIScrollViewがスクロールしません。

オビ＝ワン・ケノービを助けて！なぜあいまいなレイアウトなのですか？なぜ見当違いの表示ですか？

ここでサンプルプロジェクトをダウンロードして、何が起こっているのかを理解できるかどうか試してください：https : //github.com/Wirsing84/AutoLayoutProblem

だから私はこのように整理した：

1. UIScrollView add aの内部UIView（これを呼び出すことができますcontentView）。

2. このでcontentView、上、下、左、右のマージンを0に設定します（もちろん、scrollViewどれがであるかsuperView）。また、中心を水平および垂直に揃えるように設定します。

完成。

これですべてのビューを追加できcontentView、contentSizeのはscrollViewに従って自動的にサイズ変更されますcontentView。

更新：

いくつかの特別なケースは、以下のコメントで@Sergioによって投稿されたこのビデオでカバーされています。

このエラーを追跡するにはしばらく時間がかかりました。最初にScrollViewのサイズを固定しようとしましたが、エラーメッセージに「コンテンツサイズ」と明確に示されています。ScrollViewの上から固定したものはすべて下にも固定したことを確認しました。このようにして、ScrollViewは、すべてのオブジェクトと制約の高さを見つけることにより、コンテンツの高さを計算できます。これにより、あいまいなコンテンツの高さが解決され、幅はかなり似ています...最初はほとんどのXがScrollViewの中央に配置されていましたが、オブジェクトをScrollViewの側面に固定する必要もありました。iPhone6の方が画面が広い可能性があるので、これは好きではありませんが、「あいまいなコンテンツの幅」エラーは解消されます。

Xcode 11以降

を使用する最も簡単な方法autolayout：

1. 追加してUIScrollView、それ0,0,0,0をスーパービュー（またはご希望のサイズ）に固定します
2. UIViewScrollView を追加し、0,0,0,04辺すべてに固定し、中央に配置horizontallyしverticallyます。
3. サイズインスペクタでbottom、align center Y優先度を250に変更します。（水平スクロールの変更trailingとalign center X）
4. 必要なすべてのビューをこのビューに追加します。一番下のビューに下部制約を設定することを忘れないでください。
5. を選択しUIScrollView、サイズインスペクタを選択して、選択を解除しContent Layout Guidesます。

これは、私の自己回答の質問UIScrollView + Centered View + Ambigous Scrollable Content Size +多くのiPhoneサイズの答えです。

しかし、それもあなたのケースを完全にカバーします！

したがって、最も単純なケースの初期状態は次のとおりです。

1. すべてのエッジに0制約のあるscrollView
2. ボタンは、水平および垂直を中心に一定の幅と高さの制限
3. そして、もちろん- 迷惑な警告 Has ambiguous scrollable content widthとHas ambiguous scrollable content height。

すべて、私たちがしなければならないのは：

• 2つの追加の制約を追加します。たとえば、ビューの末尾および/または下部のスペースを「0」にします（下のスクリーンショットの例をご覧ください）。

重要：末尾または下部の制約を追加する必要があります。「リーディングでトップ」ではない-うまくいかない！

この問題を修正する方法を示すサンプルプロジェクトで確認できます。

PS

論理によると-このアクションは「矛盾する制約」を引き起こすはずです。しかし、違います！

それが機能する理由と、Xcodeがどの制約がより優先されるかを検出する方法がわかりません（これらの制約に明示的に優先順位を設定していないためです）。誰かが以下のコメントでそれがうまくいく理由を説明してくれれば私は感謝します。

Xcode 11 +、Swift 5

なぜすべての回答が機能しないのか疑問に思っている場合は、 、コンテンツビュー（スクロールビュー内に配置したビュー）を、フレームレイアウトガイドではなく、スクロールビューのコンテンツレイアウトガイドに固定していることを確認してください。

コンテンツビューのエッジ（リーディング、トレーリング、トップ、ボトム）は、画像のリーディングのように固定しないでください-フレームレイアウトガイド

しかしこのように-コンテンツレイアウトガイドへ。

そして、ほとんどの答えはあなたのために働くでしょう。

最も単純なアプローチは次のようになります。

1. ルートビューにスクロールビューを配置する
2. スクロールビューのすべての側面をスーパービューに固定する
3. 別のUIView（コンテンツビューと呼びます）を取得し、スクロールビュー内に配置します
4. コンテンツビューのすべての側面をスクロールビューのコンテンツレイアウトガイドに固定
5. コンテンツビューの幅をスクロールビューのフレームレイアウトガイドと同じになるように固定します
6. コンテンツビューの高さを任意の方法で修正します（以下の例では、一定の高さ制限を使用しました）。

全体的に、最も単純な実装での構造は次のようになります。

以下で説明するようにUIView、のサブビューとしてを作成する必要がありUIScrollViewます。

• UIViewController
• UIView 「メインビュー」
  • UIScrollView
    • UIView 「コンテナビュー」
      • [あなたのコンテンツ]

2番目のステップは、UIScrollView制約を作成することです。私はこれを、そのsuperViewの上部、下部、先行、および後続の制約で行いました。

次に、コンテナの制約を追加しましたUIScrollView。ここで問題が始まります。同じ制約（上、下、リーディング、トレーリング）を設定すると、ストーリーボードは警告メッセージを表示します。

「スクロール可能なコンテンツの幅があいまいです」および「スクロール可能なコンテンツの高さがあいまいです」

上記と同じ制約を続行し、そしてちょうど制約を追加Equal Heightし、Equal Widthあなたにコンテナビューに関連したメインビューとしないように、あなたUIScrollView。つまり、コンテナビューの制約は、UIScrollViewのスーパービューにます。

その後、ストーリーボードに警告は表示されなくなり、サブビューの制約を追加し続けることができます。

同じ問題がありました。このチェックボックスをオフにします。コードでコンテンツサイズを設定しているため。

ようやくこれを理解しました。これが理解しやすくなればいいのですが。

多くの場合、前述のようにベースUIViewを「コンテンツビュー」としてスクロールビューに追加することにより、この警告をバイパスし、スクロールビューと同じサイズにして、このコンテンツビューでこれらの6つのパラメーターを設定できます。

ご覧のとおり、合計6つのパラメータが必要です。通常の状況では、2つの制約を複製していますが、これがこのストーリーボードエラーを回避する方法です。

私は遅れているかもしれませんが、次の解決策は、ストーリーボードを使用するだけで、追加のコードなしでこの種の問題を解決します。

コンテンツビューでは、scrollviewの先頭/末尾/上/下のスペースに制約を設定する必要があります。これにより、次のようにコンテンツビューフレームは変更されません。

もちろん、スクロールビューがコンテンツサイズを認識できるように、コンテンツビューに追加の制約を作成する必要があります。たとえば、固定の高さと中心のxを設定します。

お役に立てれば。

私にとってcontentViewは、提案されたとおりに追加することは実際には機能しませんでした。さらに、ビューが追加されるためオーバーヘッドが発生します（ただし、これは大きな問題とは見なしていません）。私にとって最も効果的だったのは、のあいまいさチェックをオフにすることだけでしたscrollView。すべてがうまくレイアウトされているので、私のような単純なケースでは問題ないと思います。ただし、scrollViewブレークに他の制約がある場合、Interface-Builderは警告を出さないことに注意してください。

これを本当にすばやく確認して、スクロールビューを機能させ、自動レイアウトで完全にスクロールできるようにする方法についてのチュートリアルをご覧ください。さて、私がまだ戸惑っているのは、スクロールビューのコンテンツサイズが常に必要以上に大きい理由です。

http://samwize.com/2014/03/14/how-to-use-uiscrollview-with-autolayout/

以下を参照してください。スクロールビューのコンテンツビューを垂直および水平に集中化します。あいまいなエラーが発生しました。コンテンツビューからscrollviewに追加された2つが必ず1）ボタンスペースからコンテナーへ2）トレーリングスペースから制約まで、スクリーンショットで強調表示されていることを確認してください。

これらの制約は、スクロールでは、コンテンツビューの高さまたは幅の後にどれだけスクロールできるかを意味します。

それはあなたを助けるかもしれません。

選択したビューに「自動レイアウトの問題を解決」>「不足している制約を追加」を使用して、ビューのこの種の問題を解決しました

次の2つの制約で問題が解決します。

trailing = Stack View.trailing - 10
bottom = Stack View.bottom + 76

トレーリング、ボトムはUIScrollViewのトレーリング、ボトムです

contentView（使用したUView容器の内部など）UIScrollViewの縁に、スティックを（top、bottom、trailing、leading）スーパーの（UIScrollView）とcontentView有していなければならないequalwidthとequalheightスーパーへ。これらは制約です。そしてメソッドの呼び出し：

-(void)viewDidLayoutSubviews
{
    [super viewDidLayoutSubviews];
    self.scrollView.contentSize = self.contentView.frame.size;
}

私のために解決された問題。

Swift 4+アプローチ：

1）UIScrollViewの上下左右のマージンを0に設定します

2）UIScrollView内にUIViewを追加し、上部、下部、先頭、末尾のマージンを0（UIScrollViewマージンに等しい）に設定します。

3）最も重要な部分は、幅と高さを設定することです。高さの制約の優先度を低くする必要があります。

private func setupConstraints() {

    // Constraints for scrollView
    scrollView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
    scrollView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
    scrollView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
    scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true

    // Constraints for containerView
    containerView.topAnchor.constraint(equalTo: scrollView.topAnchor).isActive = true
    containerView.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor).isActive = true
    containerView.leadingAnchor.constraint(equalTo: scrollView.leadingAnchor).isActive = true
    containerView.trailingAnchor.constraint(equalTo: scrollView.trailingAnchor).isActive = true
    containerView.widthAnchor.constraint(equalTo: scrollView.widthAnchor).isActive = true

    let heightConstraint = containerView.heightAnchor.constraint(equalTo: scrollView.heightAnchor)
    heightConstraint.priority = UILayoutPriority(rawValue: 250)
    heightConstraint.isActive = true
}

@Matteo Gobbiの答えは完璧ですが、私の場合、スクロールビューはスクロールできません。「中央揃えY」を削除して「高さ> = 1」を追加すると、スクロールビューがスクロール可能になります

uiscrollviewがスクロールしないことに苦労している人は、コンテンツビューの下部の制約を最後のビューの下部のレイアウト（コンテンツビューの内側）に設定するだけです。中央のY拘束を削除することを忘れないでください。

残りのすべての制約は、上で定義したものと同じです。Scrollviewは、コンテンツビューから最大の高さを取得することのみを考慮し、それを最後のビューの下部の制約として設定しています。つまり、ScrollViewはコンテンツのオフセットを自動的に変更します。

私の場合、最後のビューはno line of property = 0（コンテンツに応じて自動的に高さを調整）でUILableだったので、uilableの高さが動的に増加し、最終的に、uilableの下部レイアウトがコンテンツビューの下部に揃えられているため、スクロール可能な領域が増加します。これにより、scrollviewはコンテンツのオフセットを増加させます。

youTubeで動画を作りました
Xcodeのストーリーボードのみを使用 Scroll StackViewsで

ここには2種類のシナリオが表示されると思います。

scrollView内のビュー-

1. 固有のコンテンツサイズはありません（例UIView）
2. 独自の固有のコンテンツサイズを持っています（例UIStackView）

どちらの場合も垂直スクロール可能なビューの場合、次の制約を追加する必要があります。

1. 上、左、下、右からの4つの制約。

2. scrollviewと同じ幅（水平スクロールを停止するため）

固有のコンテンツの高さを持つビューには、他の制約は必要ありません。

固有のコンテンツの高さがないビューの場合、高さの制約を追加する必要があります。高さの制約がscrollViewの高さより大きい場合にのみ、ビューがスクロールします。

import UIKit

class ViewController: UIViewController {

    //
    let scrollView: UIScrollView = {

        let sv = UIScrollView()
        sv.translatesAutoresizingMaskIntoConstraints = false
        return sv
    }()

    let lipsumLbl: UILabel = { // you can use here any of your subview

        let lbl = UILabel()
        lbl.translatesAutoresizingMaskIntoConstraints = false
        lbl.text = """
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend nisi sit amet mi aliquet, ut efficitur risus pellentesque. Phasellus nulla justo, scelerisque ut libero id, aliquet ullamcorper lectus. Integer id iaculis nibh. Duis feugiat mi vitae magna tincidunt, vitae consequat dui tempor. Donec blandit urna nec urna volutpat, sit amet sagittis massa fringilla. Pellentesque luctus erat nec dui luctus, sed maximus urna fermentum. Nullam purus nibh, cursus vel ex nec, pulvinar lobortis leo. Proin ac libero rhoncus, bibendum lorem sed, congue sapien. Donec commodo, est non mollis malesuada, nisi massa tempus ipsum, a varius quam lorem vitae nunc.

        Cras scelerisque nisi dolor, in gravida ex ornare a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas vitae nisl id erat sollicitudin accumsan sit amet viverra sapien. Etiam scelerisque vulputate ante. Donec magna nibh, pharetra sed pretium ac, feugiat sit amet mi. Vestibulum in ipsum vitae dui vehicula pulvinar eget ut lectus. Fusce sagittis a elit ac elementum. Fusce iaculis nunc odio, at fermentum dolor varius et. Suspendisse consectetur congue massa non gravida. Sed id elit vitae nulla aliquam euismod. Pellentesque accumsan risus dolor, eu cursus nibh semper id.

        Vestibulum vel tortor tellus. Suspendisse potenti. Pellentesque id sapien eu augue placerat dictum. Fusce tempus ligula at diam lacinia congue in ut metus. Maecenas volutpat tellus in tellus maximus imperdiet. Integer dignissim condimentum lorem, id luctus nisi maximus at. Nulla pretium, est sit amet mollis eleifend, tellus nulla viverra dolor, ac feugiat massa risus a lectus. Pellentesque ut pulvinar urna, blandit gravida ipsum. Nullam volutpat arcu nec fringilla auctor. Integer egestas enim commodo, faucibus neque ac, rutrum magna. Vivamus tincidunt rutrum auctor. Cras at rutrum felis. Fusce elementum lorem ut pharetra venenatis.
        """
        lbl.textColor = .darkGray
        lbl.font = UIFont.systemFont(ofSize: 16)
        lbl.numberOfLines = 0
        return lbl
    }()

    //======================================================================//
    //
    // MARK:- viewDidLoad
    //
    override func viewDidLoad() {
        super.viewDidLoad()

        setupViews()
        setupAutoLayout()
    }

    func setupViews() {

        title = "ScrollView Demo"
        view.backgroundColor = .white
        view.addSubview(scrollView)
        scrollView.addSubview(lipsumLbl)
    }

    func setupAutoLayout() {

        scrollView.leftAnchor.constraint(equalTo: view.leftAnchor).isActive = true
        scrollView.rightAnchor.constraint(equalTo: view.rightAnchor).isActive = true
        scrollView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
        scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true

        lipsumLbl.leadingAnchor.constraint(equalTo: scrollView.leadingAnchor).isActive = true
        lipsumLbl.topAnchor.constraint(equalTo: scrollView.topAnchor).isActive = true
        lipsumLbl.leftAnchor.constraint(equalTo: view.leftAnchor).isActive = true
        lipsumLbl.rightAnchor.constraint(equalTo: view.rightAnchor).isActive = true
        lipsumLbl.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor).isActive = true
    }
}

出力：

私の場合、iPadではコンテンツサイズとコンテンツサイズのあいまいさの問題が発生しましたが、iPhoneの場合は機能していました。この問題を解決するために、ストーリーボードに次の変更を加えました。

1. UIViewにスクロールビューを追加し、0、0、0、0に先行、上、後、下の制約を追加します。
2. たとえばの要件に従って、スクロールビューの高さを設定します。100。
3. UIViewを追加してビューをスクロールし、制約をリーディング、トップ、トレーリング、ボトムに0,0,0,0に追加し、center（X）とcenter（Y）制約を揃えます。
4. スクロールビューのサイズインスペクターで「コンテンツレイアウトガイド」の選択を解除します。

縦スクロール

1. 制約0,0,0,0のUIScrollViewをスーパービューに追加します。
2. ScrollViewにUIViewを追加し、スーパービューに制約0、0、0、0を設定します。
3. UIViewに同じ幅制約をUIScrollViewに追加します。
4. 高さをUIViewに追加します。
5. 制約付きの要素をUIViewに追加します。
6. 一番下の要素については、UIViewの一番下に制約があることを確認してください。

私がしたことは、ここに示すように別のコンテンツビューを作成することです。

コンテンツビューはフリーフォームであり、contentViewに関連する独自の制約を持つすべてのサブビューを追加できます。

UIScrollViewがメインビューコントローラに追加されます。

プログラムで、IBOutletを介してクラスにリンクされているcontentViewを追加し、UIScrollViewのcontentViewを設定します。

同じエラーが発生しました。

1. 表示（スーパービュー）
2. ScrollView 0、0、600、600
3. ScrollView内のUIView：0、0、600、600
4. UIViewには画像ビュー、ラベルが含まれます

scrollView（2）に続いてUIView（3）のリーディング/トレーリング/トップ/ボトムを追加します。

View（1）とView（3）を選択し、高さと重量を等しく設定します。問題は解決しました。

私は助けるビデオをしました：

https://www.youtube.com/watch?v=s-CPN3xZS1A

[XCode 7.2およびiOS 9.2でテスト済み]

ストーリーボードのエラーと警告を抑制したのは、スクロールビューとコンテンツビュー（私の場合はスタックビュー）の固有のサイズをプレースホルダーに設定していたためです。。この設定は、ストーリーボードのサイズインスペクターにあります。そして、それは言う-設計時の固有のコンテンツサイズを設定すると、Interface Builderでの編集中のビューにのみ影響します。ビューには、実行時にこの固有のコンテンツサイズはありません。

したがって、これを設定することで問題が発生することはないと思います。

注：ストーリーボードでは、スクロールビューのすべてのエッジをスーパービューに、スタックビューのすべてのエッジをスクロールビューに固定しています。私のコードでは、スクロールビューとスタックビューの両方で、translatesAutoresizingMaskIntoConstraintsをfalseに設定しています。また、コンテンツのサイズについては触れていません。stackviewが動的に大きくなると、ストーリーボードに設定された制約により、スタックがスクロール可能になります。

ストーリーボードの警告は私を怒らせており、警告を抑制するためだけに水平または垂直に物事を中央に置きたくありませんでした。

誰かが右スクロールのスクロールバーに気づいたがコンテンツが動かないという動作をしている場合、この事実はおそらく検討する価値があります：

スクロールビューのコンテンツとスクロールビュー外のオブジェクトとの間の制約を使用して、スクロールビューのコンテンツの位置を固定し、コンテンツがスクロールビュー上に浮かんでいるように見せることもできます。

これはAppleのドキュメントからです。たとえば、誤って上部のLabel / Button / Img / ViewをcontentViewではなくスクロール領域の外側のビュー（ヘッダーまたはscrollViewのすぐ上にあるもの）に固定してしまった場合、contentView全体を固定します。

以前の回答で述べたように、スクロールビュー内にカスタムビューを追加する必要があります。

すべてのサブビューをコンテンツビューに追加します。ある時点で、スクロールコンテンツビューにあいまいなコンテンツサイズの警告が表示されます。コンテンツビューを選択し、[IBレイアウトの右下隅にある] [自動レイアウトの問題を解決]ボタンをクリックして、[不足しているコンテンツを追加]を選択する必要があります。制約」オプション。

これからプロジェクトを実行すると、スクロールビューによってコンテンツのサイズが自動的に更新されるため、追加のコードは必要ありません。

スクロールビューの上から下に連続した制約を作成する方法があることを確認する必要があります。[-XXX]

私の場合-水平方向にスクロールするスクロールビュー-スクロールビューの子ごとに幅と高さの制約を追加する必要もありましたが、Appleのテクニカルノートには記載されていません。

インターフェイスビルダーのサイズインスペクターで、ViewController（UIScrollViewを保持するもの）のサイズをFreeformに設定すると、すべてが機能するはずです。

含まれているUIViewcontrollerのインターフェイスビルダーのサイズインスペクターのフリーフォーム設定

UIScrollViewで問題が解決しない場合は、コンテンツレイアウトガイドをオフにし ます（xcodeインターフェイスビルダーでScrollViewを選択->右パネルでサイズインスペクターを選択-> [コンテンツレイアウトガイド]の選択を解除）または次の手順を試してください：xcode 11スクロールビューレイアウト -新しいスタイルのレイアウトに役立ちます。macOS 10.15.2、Xcode 11.3.1、05.02.2020で正常に動作します

スクリーンショットを見る

自動レイアウトの使用

明確に定義されたビュー内にスクロールビューを追加し、スクロールビュー内にスタックビューを追加します。

スクロールビューとスタックビューから関連するスーパービューに、上、左、右、下、中央X、中央Yの制約を追加します。

現在のデフォルト設定では上部スペース制約ではなく上部境界整列制約を追加するようになっているため、制約がスタックビューから正当なスーパービュー（スクロールビュー）にリンクされていることを確認してください。