ランチャー画面ヘッダーを構成する

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間:2分
  • ランチャー画面ヘッダーを作成して、画面のタイトルの表示方法を定義します。

    始める前に

    必要なロール:admin

    手順

    1. 次のように移動する。 All (すべて) > システムモバイル > Mobile App Builder (モバイルアプリビルダー).
      モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
    2. 作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。
      モバイルアプリビルダー カテゴリのホーム画面が表示されます。
    3. メニューで [すべてのモバイルレコード] を選択します。
    4. [レコードタイプ] リストからランチャー画面 [sys_sg_applet_launcher] を選択し、次のいずれかのオプションを選択します。
      • 新規
      • 既存のランチャー画面レコード

      ヘッダータイトルの構成が必要です。オプションのヘッダー機能インスタンスを構成することもできます。

    5. ヘッダーのタイトルを構成するには、[設定] ペインを探して [新規] を選択します。
      ランチャーのヘッダー 画面が表示され、ヘッダータイトルを作成できます。
    6. [プロパティ] フィールドに新しいヘッダータイトルを入力し、[保存] を選択します。
      Hello と変数 {username} を組み合わせるなど、ヘッダータイトルで変数を使用するには、既存のヘッダータイトルレコードを使用します。
      1. [設定] ペインで [新規]を選択する代わりに、[選択] を選びます。
      2. 基本システムのヘッダータイトルのいずれかを選択します。
    7. オプション: ヘッダー機能インスタンスを設定するには、左側のメニューで [ランチャー画面] を選択します。[ランチャー画面] ページで、[ヘッダー機能インスタンス] セクションを見つけます。
      ヘッダー機能インスタンスを構成すると、ヘッダーに次のアイコンが表示されます。
      図 : 1. ヘッダー機能インスタンスのアイコン
      ヘッダー機能があるモバイル画面のスクリーンキャプチャ。

      アイコンをタップすると、ヘッダー機能で設定されたリンク先画面に移動します。

    8. ページの [ヘッダー機能インスタンス] セクションで、[新規] を選択します。
    9. フォームのフィールドに入力します。
      表 : 1. 機能インスタンスフォーム
      フィールド 説明
      名前 ヘッダー機能インスタンスの名前。この名前は内部的なものであり、エンドユーザーには表示されません。
      ラベルの表示 エンドユーザーに表示されるラベル。
      順番 UI 機能が表示される順序を設定するのに使用できるオプションのフィールド。複数の機能がある場合は、[順序] を設定します。
      有効 ヘッダー機能のオンとオフの切り替え。切り替えがオンの場合、ヘッダー機能は有効になります。
      アイコン ランチャー画面のヘッダーに表示されるアイコン。
      関数 ユーザーがランチャー画面のヘッダーにあるアイコンをタップしたときに実行される機能。
    10. [保存] を選択します。