Skip to main content

 

OutSystems 11オンラインヘルプ

 

OutSystems

画面

画面はユーザーインタラクションのための様々な要素を含むインターフェイス要素です。OutSystemsアプリケーションでは、ランタイムに応じて2つのタイプの画面があります。

  • Web Screen - OutSystems Webランタイムにおいて、1つのWebページに対応します。
  • Screen - OutSystemsモバイルランタイムにおいて、1つのモバイルアプリ画面に対応します。

画面は、[New Screen]ウィンドウで作成できます。空のテンプレートに基づいて画面を作成したり、特定のユースケースのために作成された画面テンプレートに基づいて画面を作成したりできます。

画面テンプレートを基にした画面を作成する場合、サンプルデータと関連ロジックが含まれます。サンプルデータを手動または半自動で置換する必要があります。サンプルデータに開発やデモ用途に関連するデータのみが含まれるように、サンプルデータをグローバルに編集することもできます。

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

空の画面を作成する

空の画面を作成するには、以下の手順を実行します。

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

テンプレートを基にした画面を作成する

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

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

このセクションの記事

  • 画面テンプレート
    ビルトインのロジック、スタイル、サンプルデータを備えた、完全に機能する画面を作成します。画面テンプレートを使用すると、最もよく使用されるユースケースとパターンの開発を迅速に行うことができます。
  • テンプレートを基にした画面のサンプルデータを置換する
    テンプレートを基にした画面のデータを独自のデータに置換します。手動または半自動で置換することができます。
  • サンプルデータ
    画面テンプレートには、バックオフィスで管理できるサンプルデータが含まれています。独自データの表示、リセット、追加ができます。
  • 画面テンプレートとモジュールの互換性
    最終ページを適切に描画するため、画面テンプレートでは互換性のあるモジュールが必要です。
  • Was this article helpful?