• Interface Builder のキャンバスで、目的のビューを選択します。警告のある制約はオレンジ色で表示されます。エラーのある制約は赤で表示されます。



以下のスクリーンショットでは、ビュー 2 にいくつかの制約が赤で表示され、自動レイアウトエラーを示しています。ビュー 3 は、自動レイアウトの警告を示すいくつかの制約をオレンジ色で示しています。

•      アウトラインビューで、制約の問題インジケータをクリックします。








アウトラインビューが変更され、ビューコントローラのすべての自動レイアウト警告とエラーの分類されたリストが表示されます。警告またはエラーの各カテゴリには、複数の問題がありえます。

フレームベースの自動レイアウトの問題は、キャンバス上のビューのフレームが、制約から生成されたフレームと異なる場合に発生します。フレームベースの問題は、オレンジ色または赤色の制約線としてキャンバスに表示され、制約の定数の現在の値と期待値の差を示すバブルが表示されます。フレームの更新ツールを使用して、選択したビューのフレームを更新し、制約に一致させます。

1. Interface Builder のキャンバス上で、フレームベースの自動レイアウトの問題がある 1 つ以上のビューを選択します。


2. キャンバスの下部で、レイアウトバーの [フレームを更新] ツールボタンをクリックします。

1. Interface Builder のキャンバス上で、自動レイアウトの問題がある 1 つ以上のビューを選択します。


2. キャンバスの下部で、レイアウトバーの [自動レイアウトの問題を解決(Resolve Auto Layout Issues)] ツールボタンをクリックします。







3. 自動レイアウトの問題を解決するポップオーバーで、目的の選択肢を選択します。

• アウトラインビューで、ビューコントローラの自動レイアウト警告のリストに移動し、エラーまたは警告をクリックして、推奨される解決策を含むポップオーバーを表示します。



以下のスクリーンショットは、自動レイアウトエラーの解決策ポップオーバーの例を示しています。唯一の選択肢は、提案されたソリューションを適用するか、修正をキャンセルすることです。









通常、エラーを修正するよりも警告を修正する方が多くの選択肢があります。以下のスクリーンショットは、警告の解決策のポップオーバーを示しています。警告を修正するには、以下の 3 つの手順が必要です。



• 解決策の選択


• 警告のあるビューまたはビューとそのすべての兄弟に解決策を適用することを選択


• 解決策の適用