Q&A
Storyboard上でwarning（黄色いエラー表示）は出ていませんか？
UIScrollViewのレイアウト方法について教えてください。
状況
① Viewを以下の様にAutoLayoutしました。
② UIScrollViewを以下の様にAutoLayoutしました。
③ ①とは別に新たなViewを以下の様にAutoLayoutしました。
この時、InterfaceBuilderは以下の様になりました。
同じタイミングのシュミレーターです。
教えていただきたいこと
【質問１】
②でAutoLayoutを実施した際に、InterfaceBuilder上、自動でレイアウトが
修正されなかったのですが、何故でしょうか。
（ViewなどはAutoLayoutを実施したタイミングでレイアウトが自動で変わる）
【質問２】
②でUIScrollViewに対してAutoLayoutをした時にTopを指定しておらず、
且つ③のViewではScrollViewに対して０でAutoLayoutしたにも関わらず、
ScrollView（②）とView（③）の間に隙間が出来てしまうのでしょうか。
【質問３】
InterfaceBuilderでは隙間が出来ているのに対し、シュミレーターで確認してみると
なぜ隙間がなくなって見えているのでしょうか。
よろしくお願いします。
ご返信ありがとうございます。
以下のWarningが出ているのですが、どの様に修正を加えれば良いのかわからずにいます。
warning: Ambiguous Layout:
Scrollable content size is ambiguous for "My Scroll View".
Q1. ①に③との制約が無いのですが、記載漏れでしょうか？
Q2. ②に③との制約が無いのですが、記載漏れでしょうか？
Q3. ①のTopの制約が、Safe AreaではなくSuperviewなのは意図的でしょうか？
ご返信ありがとうございます。
Q1. ①に③との制約が無いのですが、記載漏れでしょうか？
→①は高さの制約（７０）とTopの制約でSuperviewとすることでサイズと座標が決まると考えていました。また、③はTopを①のViewとすることで制約がつけられていると考えました。
Q2. ②に③との制約が無いのですが、記載漏れでしょうか？
→②も同様に高さの制約（１５５）とBottomの制約でSafe Areaとすることでサイズと座標が決まり、③はBottomを②とすることで制約がつけられていると考えました。
Q3. ①のTopの制約が、Safe AreaではなくSuperviewなのは意図的でしょうか？
→あまりこだわりなく指定してみたのですが、Safe Areaの方がおすすめでしょうか。
宜しくお願い致します。
Q1とQ2についてですが、③にはViewやScrollViewへの制約があるのに、①②には③への制約が無いことについての質問です。③の制約を付ける前に①と②のスクリーンショットを撮ったのでしょうか？
失礼しました。
ご認識頂いている通り、①～③は制約をつける都度、スクリーンショットを撮りました。
①と②について、③の制約後のスクリーンショットを載せさせていただいた方がよろしいでしょうか。
回答1件
0
ベストアンサー
ScrollViewのサイズには、ScrollViewそのもののサイズと、中身のサイズ（スクロール領域のサイズ = contentSize）の二種類あり、両方とも確定させないとエラーになります。
今は中身が何も無いので中身のサイズを確定させることが出来ていません。
とりあえずダミーのViewでも置いておくか、エラーを気にしないか、といったところです。
投稿2019/03/13 01:08
総合スコア16731
ご回答いただきありがとうございます。
申し訳ございませんが、確認させてください。
質問1,2,3についてもScrollViewの中身サイズが確定できれば解消するということで宜しいでしょうか。
※中身にビューを置いてみたのですが、私のコードが悪いのか解消できておりません。
宜しくお願い致します。
置くだけじゃダメですよ。
ScrollViewの中身のサイズが確定するような制約を付けて下さい。
Q1〜3はただの確認です。返信いただいてますので大丈夫です。
説明不足で失礼しました。
先のメッセージ「質問1,2,3についてもScrollViewの中身サイズが確定できれば解消するということで宜しいでしょうか。」で確認させて頂きたかったことは、質問本文中の「教えていただきたいこと」に記載させて頂いた内容の解消についてでした。申し訳ございません。
※一応、中身にビューにもサイズを指定する制約をつけてみましたが、自信はないです。。。
すみません、勘違いしました。
エラーが出ている間はレイアウトは正しく表示されませんので、エラーを解消できればレイアウトも正しく表示されるようになるはずです。
承知しました。もう少し試行錯誤してみたいと思います。
ありがとうございます。
ScrollViewの中身もStoryboard上で配置する前提で回答していたのですが、中身はコードで配置するつもりなのでしょうか？もしそうならダミーViewなどは置かない方がいいのですが。
アドバイスありがとうございます！
中身はコードで配置しまして、ダミーではなく本来必要なViewとさせていただいています。
ScrollViewのSize inspectorの一番下に Ambiguity という項目があります。
これを Never Verify にするとエラーは出なくなります。
コードで配置するならこれでいいんじゃないかなと思います。（使った経験はないので自信はないですが‥）
ご丁寧にありがとうございます。
早速試してみたいと思います！
Storyboard上で崩れてしまっていても、シュミレーターで正しく表示されれば特段問題はないのでしょうか。
なぜ崩れているか理解した上であれば問題ないと思います。（崩れているというか放置されている状態なので、手動でサイズ変更すればピッタリにすることは出来ます。画面サイズを変えるとまた崩れますが‥）
承知しました。
Storyboard上で修正するとシュミレーターと同じような表示にすることはできたのですが、プレビューで他の画面サイズで確認してみると、ScrollViewが③のViewに被ってしまったりと中々うまく表示出来ていない状況です。
それはしょうがないですね。ScrollViewはオートレイアウトを使っていない状態になっちゃってるので。
そこを我慢出来ないのであればダミーView置くしかないかと。
そうなんですね。そこが分かったので良かったです。
ご丁寧に教えて下さりありがとうございます！
あなたの回答
tips
プレビュー
