IM-BloomMaker for Accel Platform IM-BloomMaker ユーザ操作ガイド 第15版 2024-10-01

6.1.2. デザイナ(レイアウトモード)画面の機能と各部の説明

ここではデザイナ(レイアウトモード)画面の構成について説明します。

6.1.2.1. ヘッダ

ヘッダにはレイアウト編集のためのアイコンが配置されています。
各アイコンをクリックすると、その機能を利用できます。
../../../../_images/screen_configuration_11.png

<画面項目>

  1. デベロップモードに切替
    デザイナをデベロップモードに切り替えます。
    デベロップモードについては「デザイナ(デベロップモード)」を参照してください。
  2. レイアウトマスタ
    クリックすると、レイアウトマスタモードに切り替わります。
    レイアウトマスタモードは部品の並び替えや移動に特化したモードです。
    もう一度クリックすると解除されます。
  3. プレビュー
    作成したアプリケーション画面の見た目や機能を確認できます。
    使用方法は「プレビュー画面の利用方法」を参照してください。
    なお、レイアウトモードでは、デザイナ画面で表示しているページがプレビュー画面に表示されます。
  4. レイアウト設定
    クリックすると、レイアウトに関するメニューが表示されます。
    以下の項目を設定できます。
    • サイドメニューを表示
      チェックをつけると、現在表示しているページにサイドメニューが表示されます。
    • ヘッダを表示
      チェックをつけると、現在表示しているページにヘッダが表示されます。
    • フッタを表示
      チェックをつけると、現在表示しているページにフッタが表示されます。
      なお、フッタは編集できません。
  5. 部品一覧
    配置可能な部品の一覧が表示されます。
    部品を配置する方法については「ページに配置する部品を選択する」を参照してください。

上記以外のアイコンについては、「ヘッダ」を参照してください。

6.1.2.2. コンテナ

アプリケーション画面のページが表示されるエリアです。
ここに部品を配置してアプリケーション画面を作成していきます。
../../../../_images/screen_configuration_21.png

6.1.2.3. コンテナヘッダ

アプリケーション画面のページを設定するエリアです。
ページごとにタブが表示され、ドラッグ&ドロップで順序を変更できます。
ページのタブをダブルクリックすると、ページ名を編集できます。
../../../../_images/screen_configuration_31.png