Skip to main content

 

OutSystems 11オンラインヘルプ

 

 

OutSystems

画面

画面はユーザーインタラクションのための様々な要素を含むインターフェイス要素です。画面を使用して、アプリのWebページやモバイル画面を作成します。[New Screen]ウィンドウで新しい画面を追加します。新しい画面は空の画面か、画面テンプレートから作成した場合は事前定義されたコンテンツをいくつか含む画面になります。

画面は、[Interface]タブのUI Flowsにグループ化することができます。いずれかのデフォルトアプリケーションテンプレートから作成されたアプリケーションには、デフォルトのMainFlow UIフローが含まれます。

空の画面を作成する

空の画面を作成するには、以下の手順を実行します。空の画面には、基本レイアウトのみが含まれます。

  1. Interface]タブで、UI Flowsとその中にあるMainFlowを探します。MainFlowを右クリックし、[Add Screen](リアクティブWebアプリまたはモバイルアプリの場合)または[Add Web Screen](従来のWebアプリの場合)をクリックします。[New Screen]ウィンドウが開きます。
  2. リストで[Empty]を選択します。
  3. Create Screen]をクリックします。

画面テンプレートを含むダイアログ

Widget TreeでUIフローを選択してCTRL + Nを押すと、[New Screen]ダイアログを開かずに空の画面を追加することができます。

画面テンプレートから画面を作成する

画面テンプレートを基にした新しい画面を作成するには、以下の手順を実行します。作成した画面にはサンプルデータが含まれます。このデータは手動または半自動で置換できます。

  1. Interface]タブで、UI Flowsとその中にあるMainFlowを探します。MainFlowを右クリックし、[Add Screen](リアクティブWebアプリまたはモバイルアプリの場合)または[Add Web Screen](従来のWebアプリの場合)をクリックします。[New Screen]ウィンドウが開きます。
  2. New Screen]ウィンドウの左側を使用して、画面テンプレートを参照したり検索したりできます。ウィジェット名、ユースケース、タグ、カテゴリを使用して検索できます。
  3. サムネイルをクリックして画面テンプレートを選択します。
  4. Screen name]フィールドに画面のタイトルを入力します。
  5. Create Screen]をクリックします。
  • Was this article helpful?