Beta

Auto Layout

ProtoPie Studioのオートレイアウトは、配置と間隔を自動化するよう設計されており、レイアウトの作成と調整を簡素化します。通常のコンテナをAuto Layoutコンテナに変換することで、デザインプロセス全体にわたって一貫性と柔軟性を確保します。

注意: オートレイアウトは現在ベータ版で提供されており、Studio Canvas内での編集をサポートしています。インタラクションのサポートは現在開発中で、近々導入される予定です。

固定レイアウトとオートレイアウトの違い

固定レイアウトとオートレイアウトは、デザインにおける配置と間隔の管理方法が異なります。

オートレイアウトは、コンテナ、コンポーネント、または複数のオブジェクトに対して適用することができます。プロパティパネル、右クリックメニュー、またはシンプルなショートカットを使用して適用できます。一度適用すると、オートレイアウトはデフォルトのプロパティを自動的に割り当てます。

オートレイアウトは以下の方法で適用できます：

オートレイアウトを適用すると、以下のデフォルトプロパティが自動的に割り当てられます：

プロパティパネルでオートレイアウトのオプションが表示されるかどうかは、選択したレイヤーの種類やグループによって異なります。以下は各ケースにおける動作の詳細です：

単一コンテナ (Single Container): コンテナにオートレイアウトを適用すると、それがオートレイアウトコンテナに変換されます。
メインコンポーネント (Main Components): コンポーネントにオートレイアウトを適用すると、インスタンス全体で一貫した動作を維持できます。
複数オブジェクト (Multiple Objects): 複数のオブジェクトを選択してオートレイアウトを適用すると、それらが単一のオートレイアウトコンテナにグループ化されます。

オートレイアウトを無効化することで、配置や間隔の手動制御に戻ることができます。この機能を使用して、必要に応じて固定レイアウトに切り替えることができます。

オートレイアウトを削除する方法：

オートレイアウトは非常に強力で柔軟な機能ですが、その特性を最大限に活用するために注意すべき点がいくつかあります。以下は、オートレイアウトが特定のレイヤーにどのように作用するかについての重要なポイントです：

マスクレイヤー: マスクレイヤーにオートレイアウトを適用すると、マスクオプションがオートレイアウトに置き換わります。
オーディオレイヤー: オートレイアウトは、オーディオレイヤーのサイズ変更やインタラクションには影響を与えません。
オートレイアウトは、単一の非コンテナレイヤーにも適用可能ですが、ショートカットまたは右クリックメニューを通じてのみ適用できます。プロパティパネルからはアクセスできません。