フレックスコンテナプロパティの適用

オブジェクトスタイルはフレックスコンテナプロパティをサポートするので、ユーザーは、複数のコンテナや子オブジェクトにわたって一貫したレイアウト動作を定義して再利用することができます。このアプローチを使用して、既存のレイアウトを標準化したり、新しいコンテナに同じフレックス設定を適用したりします。1 回限りのレイアウトには、フレックスコンテナパネルを直接使用します。

フレックスコンテナのコンテナスタイルを設定

スタイルでフレックスコンテナの子プロパティを定義

オブジェクトスタイルの同じ「フレックスコンテナ」セクションでは、フレックスコンテナの子要素とそのネストされた子要素のプロパティも定義でき、固定寸法または柔軟な寸法などの動作をレイアウト全体で標準化できます。

• インタラクティブ要素の直接作成：フレックスコンテナ内の子要素を、個別に作成してフレックスコンテナに追加することなく、インタラクティブ要素に変換します。
• 子要素をロック：フレックスコンテナ内の 1 つまたは複数の子要素をロックして、直接的なドラッグ、サイズ変更、フレーム外への移動を防ぎながら、キーボードの矢印キーを使用した位置変更は可能にします。
• 子要素のキーボードナビゲーション：水平レイアウトでは左右の矢印キー、垂直レイアウトでは上下の矢印キーを使用して、ロックされた要素またはロックされていない要素の位置を変更できます。

オブジェクトスタイルを使用して、ロックされたフレックスフレーム内のフレックスプロパティを定義できます。

ネストされたフレックスコンテナの操作

フレックスコンテナをネストする場合、コンテナと子要素の両方のプロパティが適用され、幅と高さは「フレックスコンテナの子要素」セクションによって決定されます。