GeneXus では、UI 画面は、関連する複数のコントロールから構成されます。ほかのコントロールの中にあるものや、同じ親を持つものもあります。前後左右に配置したり、重ねられるよう異なるレイヤーに配置したりします。
「
Design System オブジェクト - アプリケーションの開発」の説明に従い、次の画面を作成するとします。
GeneXus では、これを
Web パネルまたは
パネル (Angular の場合) として実装します。ここでは、シンプルに説明するために、標準の Web プラットフォームを選択します。もう一方の場合も同様です。
コンポーネント化の概念を採用して、ヘッダーとフッターには
マスターページを実装し、具体的なコンテンツ (中央部分に表示されるもの) は Web パネルを使用します。ただし、このことについては今は考えません。ここではヘッダーのみに注目します。マスターページ内にあるため、どのパネルに実装されるかは関係ありません:
この画面を作成するために最初に行うことは、
コントロールの定義です。これにより、レイアウトに構造がもたらされます。その後、それぞれのコーディングを行い、表示する内容、表示の方法、求められる動作を指定します。
GeneXus 17 Upgrade 6 以降。