リスト画面の構成

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間:4分
  • ユーザーがモバイルアプリからレコードのリストを表示できるように、リスト画面を構成します。リストからレコードにアクセスするには、ユーザーがレコード名をタップします。

    始める前に

    必要なロール:admin または delegated developer

    このタスクについて

    単一のデータソース、単一のセグメント、デフォルトのフィルター、およびオプションの埋め込みレコード画面を使用して、シンプルなリスト画面を作成します。リスト画面を作成するときに、リスト名、データアイテム、およびカードを入力することで、必要なすべてのダウンストリームレコードを自動的に生成できます。

    手順

    1. 移動先 すべて > システムモバイル > モバイルアプリビルダー.
      モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
    2. 作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。
      モバイルアプリビルダー カテゴリのホーム画面が表示されます。
    3. [画面] カテゴリを選択し、[新規] を選択します。
    4. [画面の作成] ページで [リスト ] オプションを選択し、[ 続行] を選択します。
      図 : 1. 新規リスト画面の作成画面
      空のリスト画面作成レコード
    5. 必要に応じてフィールドに入力します。指定した入力に基づいて、関連レコードが自動的に生成されます。
      表 : 1. リスト画面の構成画面
      フィールド 説明
      全般設定
      名前 リスト画面の名前。この名前は、モバイルアプリケーションでタイルとして表示されます。
      説明 リスト画面に関する追加情報。
      画面名を非表示 画面名を画面ヘッダーとして表示しないかどうかを決定するオプション。これは、テキストがヘッダー名に既に含まれている場合、またはユーザーに値を提供しない場合に便利です。
      フィルターを非表示にする リストにリストフィルターが表示されないようにするオプション。
      コンテンツ設定
      データとフィルタリング データアイテムを選択または作成して、画面に表示する情報を決定します。
      カードのレイアウトとフィールド カードを選択または作成して、画面上での情報の表示方法を決定します。
      機能
      宛先画面 埋め込みレコードの詳細画面を作成するオプション。この画面にアクセスするには、リスト内のアイテムをタップします。
    6. [Create (作成)] を選択します。

      必要なすべての下流レコードが自動的に生成され、リスト画面のレコード構成フォームに移動します。オプションの構成オプションは、[ 詳細設定 ] セクションで使用できます。

      注:
      [キャンセル] を選択すると、[画面の選択] ページに戻ります。

      自動的に生成されたレコードは、構成ツリーで青いスパークアイコンでマークされます。

      図 : 2. 生成されたレコードアイコン
      横に青色のスパークが付いた 3 つの生成済みレコード
    7. オプション: リスト画面のフィールドを編集するか、追加のフィールドを入力します。
      表 : 2. リスト画面の追加構成オプション
      フィールド 説明
      全般設定
      名前 リスト画面の名前。この名前は、モバイルアプリケーションでタイルとして表示されます。
      説明 リスト画面に関する追加情報。
      オフラインで利用可能 画面をオフラインモードで利用できるかどうかを決定するオプション。
      画面名を非表示 画面名を画面ヘッダーとして表示しないかどうかを決定するオプション。これは、テキストがヘッダー名に既に含まれている場合、またはユーザーに値を提供しない場合に便利です。
      フィルターを非表示にする リストにリストフィルターが表示されないようにするオプション。
      画面セグメント
      画面セグメント リスト画面の追加画面セグメントを設定します。
      詳細設定
      アイコン ランチャー画面に追加されたときにリスト画面を表すために使用されるアイコン。
      カスタムフィルター レコードタイプをカテゴリ別にフィルタリングするためのカスタムフィルターを追加するオプション。
      空ステータス 表示できるデータがない場合に空のスペースに表示する内容を構成します。
      トップメニュー関数インスタンス トップメニュー機能 を使用して追加オプションを表示するかどうかを指定するオプション。
      フッター関数インスタンス フッター機能を使用して追加オプションを表示するかどうかを決定するオプション。
      入力フォーム画面 ユーザー入力に基づいてリスト画面に表示されるレコードを決定する入力フォーム画面を作成します。
      UI パラメーター (従来) フィールドまたは UI 要素の動作を変更します。
      動的画面タイトル 要素を作成して UI パラメーターにマッピングできます。これを使用して、ある画面から別の画面に値を渡し、宛先画面のタイトルに含めます。
      ロールアクセス権 この画面にアクセスできるユーザーロールを決定します。ロールを選択しなかった場合は、任意のロールを持つユーザーが画面にアクセスできます。
    8. [Save (保存)] を選択します。

    タスクの結果

    リスト画面のプライマリ画面
    図 : 3. リスト画面を作成しました
    リスト画面。

    次のタスク

    • リスト画面内で埋め込み画面を使用する:リスト画面は、レコード画面を含むように構成できます。埋め込み画面を追加すると、ユーザーがレコードをタップできるようになり、その内容が新しい画面に表示されます。アドミニストレーターは、リストアイテム構成レコードでこのオプションを構成します。詳細については、「リスト画面で使用するためのレコード画面の構成」を参照してください。
    • リスト画面のモバイル機能の構成 - リスト画面には、ユーザーがリスト画面で実行できるアクションのタイプを決定するためのトップメニュー機能とフッター機能を含めることができます。アドミニストレーターは、このオプションをリスト画面レコードで設定します。詳細については、「モバイル機能」および「機能をアプリ内の場所に関連付ける」を参照してください。
    • リスト画面のレコードのロールアクセスを設定する :ロールアクセスオプションを使用して、選択したロールにのみ表示されるようにリスト画面のレコードを設定します。アドミニストレーターは、このオプションをリスト画面レコードで設定します。