ScrollViewとAutoLayoutについて

Question

実現したいこと

AutoLayoutの赤線を解除したい

試したこと

下記の記事を参考にScrollViewにAutoLayoutを設定致しました。
Scroll View（UIScrollView）でのAutoLayout設定

Viewを新たに追加して、ScrollViewと新たに追加したViewに
上下左右のマージン「0」の Constraints（制約）を追加しました。
その後、新たに追加したViewから元々あるViewにControl キーを押しながらドラッグして、
Equal WidthsとEqual Heightsの制約を追加しました。

メッセージ内容

シミュレーター上では、どの端末でも同じように表示されましたが、添付画像のようにメッセージが表示されています。

Scrollable content size is ambiguous for "Scroll View".

追記

Answer 1

新しくできたContentLayoutGuideとFrameLayoutGuideをうまく使うのが大事です。
Xcode11でしたら下記サイトが詳しいので参考にしてみてください。

https://qiita.com/owen/items/2fab4a4482834b95e349

一通りやってみました。
ContentView の高さはエラー無くすために固定していますが
UI部品配置時に削除します。
中に配置するUI部品と制約で高さがしっかりしていれば大丈夫なはずです。

https://user-images.githubusercontent.com/8732417/83011120-5612ef80-a054-11ea-99c8-c7c9f40a245c.gif

Comments

[R3.S]

TakuyaAso様
コメントいただきありがとうございます。
URL参考になりました！

実際に見ながら試したのですが、

「2.ContentViewの上下左右をContentLayout Guideに合わせる」の箇所ですが、追記の写真の通り「ContentLayout Guide」が見当たりません。

どこにあるのでしょうか？

お忙しいところ申し訳ありません。
よろしくお願い致します。

[TakuyaAso]

最小実装ではありますがGIFにしてみました。
回答に追記したので確認してみてください。

[R3.S]

TakuyaAso様
GIFデータありがとうございます！分かりやすく感謝です。

[R3.S]

TakuyaAso様
度々申し訳ありません。
GIFデータの最後に viewのheightのconstantの値を「400」に設定されていましたが、私の方で試したところ端末によっては、最後までスクロールしなかったり、途中で途切れるという事がございました。

どのようにしたら全ての端末でページの最後で止まるようにできるのでしょうか。

新しく質問を立て直した方がよろしければお申し付けください。

[R3.S]

constantの値を逆に大きくするとページが余ってしまい、どの端末でもピッタリする位置に調整したいと思っています。

[TakuyaAso]

heightの設定はUI部品置く前に消します。
verticalな制約をうまくすればエラーも出ないはずです。

[TakuyaAso]

例えばUILabelのtopの制約を12pt，bottomの制約を12ptとかするとheightを与えなくてもContentViewの高さが決まりますよね？
その高さが画面より大きくなればスクロールするようになります。

[R3.S]

TakuyaAso様
早急なご返答ありがとうございます。
１時間ほど格闘した結果です（泣）↓
考え方とても勉強になります。ただ、私の知識不足のため現状何となくの理解です（汗）すみません…

「heightの設定はUI部品置く前に消します。」まで何とか理解できました。
その後のUI部品でのtopの制約をどのように設置したらよいかわかりませんでした。「heightを与えなくてもContentViewの高さが決まります」というのも頭の中ではなんとなくイメージできているものの実際に手を動かすと止まってしまう状態です。

わかりやすい説明なのに理解できず申し訳ないです。
出直してきます！

[TakuyaAso]

ContentViewの高さが決まらないと赤い警告消えないから
何もUI部品置かない状態ならと400pt与えた感じです。

例えばUILabelをContentViewの上に配置して
スクロールビューを使わないときと同じように
追記にあるような`Add New Constraint` の
上と下に制約を与えると高さ変わってくれませんか？

[R3.S]

おっしゃるようにcontentViewの高さを決めた事で警告の方は消えました！ありがとうございます！
その後の処理ですが、思うようにいきません。もう少し考えてみたいと思います！本当にありがとうございます！！

Answer 2

↑赤枠の中のContentLayoutGuidに対象物からマウスの右ドラッグで線引っ張っていけばいいんじゃないの？

Comments

[R3.S]

tyobigorou様
いつもありがとうございます！
ドラッグで制約追加できました。勉強になります！

もう１点だけ質問させて下さい。
参考URLの
「4.ContViewにオブジェクトを追加して高さを確定させる」とあるのですがこのページの１番上の画像のように右上にスキップボタンのオブジェクトのみ配置しているのですが、このボタンに合わせて高さを配置するということでよろしいのでしょうか？

お忙しいなか申し訳ありません。
よろしくお願い致します。

[退会済みユーザー]

ごめん、私scrollView嫌いなの、見たくもないの。

[R3.S]

tyobigorou様
そうなんですね笑
大丈夫です。
ありがとうございました！