制約

親オブジェクトのサイズを変更した際、子オブジェクトをスケーリングしないための指定や、親にアンカーさせるための指定を、柔軟に行うことができます。これにより、デザインのレイアウトを素早く簡単に変更することができます。この機能は、たとえばUIモックアップをデザインする場合、ダイアログのサイズを変更しても、そのすべてのコントロールの配置に影響を与えない指定が可能なため非常に便利です。

前
後
テキスト、トロフィーボタン、最上部のラインを除き、スケーリングはすべてのオブジェクトで無効になっています。テキストとトロフィーボタンを除き、ほとんどのオブジェクトでアンカーが適用されています。

制約を使用すると、デザインの変更時に対象外のオブジェクトが意図せずスケーリングされるという心配がなくなります。スケーリングやアンカーを制限するオブジェクトを選択することで、スケーリングを常に思いどおりに行うことができます。

制約は親と子の関係にあるオブジェクト(親オブジェクトにネストされたコンテンツが含まれる場合)でのみ機能します。子オブジェクトのスケーリングやアンカーは常に、親オブジェクトに連動します。たとえばUIデザインの場合であれば、デバイスモックアップに含まれるアートボードとパネル、あるいはパネルとボタンは、オブジェクトで親子関係にあります。

制約は[制約]パネルでのみ操作できます。制約パネルでは次の制御ができます:

デフォルトでは、親オブジェクトがサイズ変更されると、子オブジェクトもスケーリングされます。子オブジェクトは、デフォルトではアンカーされません

縦横比のロック

親オブジェクトが不均等な比率でサイズ変更された場合、子が縦横比を失うのを避けるために、縦横比に[最小フィット]または[最大フィット]を設定することができます。

どちらの場合も、親オブジェクトが均等な比率でサイズ変更されると、子オブジェクトも均等な比率でスケーリングされます。

子オブジェクトがスケーリングされるのを防ぐには:
  1. 子オブジェクトを選択します。
  2. [制約]パネルで、パネル内の正方形にある横方向または縦方向の(あるいはその両方の)実線の両方向矢印をクリックします。グレーアウトされた破線の矢印は、親オブジェクトがサイズ変更されても子オブジェクトはスケーリングされないことを意味します。
子オブジェクトを親オブジェクトの境界にアンカーするには:
  1. 子オブジェクトを選択します。
  2. [制約]パネルで内側と外側の正方形の間にあるグレーアウトされた破線をクリックし、オブジェクトをその方向(上、下、左、右)で親オブジェクトにアンカーします。実線は、アンカーが適用されていることを意味します。
子オブジェクトの縦横比を維持するには:
  1. 子オブジェクトを選択します。
  2. [制約]パネルで[最小フィット]または[最大フィット]をクリックします。

関連項目: