リスト画面構成
リスト画面を構成して、ユーザーがモバイルアプリのレコードリストを表示できるようにします。リストからレコードにアクセスするには、レコード名をタップするだけで済みます。
始める前に
このタスクについて
単一のデータソース、単一のセグメント、デフォルトのフィルターと空ステータスのシンプルなリスト画面を作成します。
手順
-
移動先 すべて > システムモバイル > Mobile App Builder.
モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
-
作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。
モバイルアプリビルダー カテゴリのホーム画面が表示されます。
- [画面] カテゴリを選択し、[新規] を選択します。
- 画面の作成 ページで リスト オプションを選択し、 続行 を選択します。
-
必要に応じてフィールドに入力します。
表 : 1. リスト画面レコード フィールド 説明 プロパティ 名前 リスト画面の名前。この名前は、モバイルアプリケーションでタイルとして表示されます。 説明 リスト画面に関する補足情報。 画面設定 オフラインで利用可能 画面がオフラインモードで利用可能かどうかを判断するオプション。 画面名を非表示 画面名を画面ヘッダーとして表示するかどうかを指定するオプション。これは、テキストがすでにヘッダー名に表示されている場合や、テキストによってユーザーに価値が提供されない場合に便利です。 フィルターを非表示にする リストにリストフィルターが表示されないようにするオプション。 アイコン ランチャー画面に追加されたときにリスト画面を表すために使用されるアイコン。 カスタムフィルター カテゴリ別にレコードタイプをフィルタリングするためのカスタムフィルターを追加するオプション。 空ステータス 表示できるデータがない場合に空のスペースに表示する内容を設定します。 画面セグメント リスト画面の追加画面セグメントを構成します。 トップメニュー関数インスタンス トップメニュー機能 を使用して追加オプションを表示するかどうかを指定するオプション。 フッター関数インスタンス フッター機能を使用して追加オプションを表示するかどうかを指定するオプション。 UI のパラメーター フィールドまたは UI 要素の動作を変更します。 動的画面タイトル 要素を作成して UI パラメーターにマッピングできます。これを使用して、ある画面から別の画面に値を渡し、宛先画面のタイトルに含めます。 アクセスロール この画面にアクセスできるユーザーロールを決定します。[ロールなし] を選択した場合、任意のロールを持つユーザーが画面にアクセスできるようになります。 -
[アイコン] セクションで、既存のアイコンを選択するか、アイコンを作成します。
このアイコンをリスト画面に追加すると、ランチャー画面に表示されます。アイコンの作成の詳細については、「 モバイルのアイコン」を参照してください。
- 画面セグメントセクションで、新規 を選択します。
-
必要に応じてフィールドに入力します。
表 : 2. 画面セグメントレコード フィールド 説明 プロパティ 名前 画面セグメント画面の名前。 順序 セグメントが画面に表示される順序。セグメントが、最小値から最大値の順に表示されます。 スクリーン リスト画面レコードのリスト名を表示します。 最大オフライン行数 オフライン表示で表示する行数。 ストリーム データアイテムやリストアイテム構成レコードをリスト画面に接続するレコードです。 インターリーブソート リストストリームインターリーブフィールドをソート リスト ストリーム インターリーブ フィールドを昇順または降順のどちらでソートするかを決定します。 - ストリームセクションで、新規 を選択します。
-
必要に応じてフィールドに入力します。
表 : 3. リストストリームレコード フィールド 説明 プロパティ 名前 ストリームの名前。 テーブル リストに表示するデータを含む関連テーブルを選択します。 インターリーブフィールド データアイテムをインターリーブするために使用するフィールドを選択します。 データアイテム データアイテムは、画面に表示されるデータを提供する、選択したテーブルに対するクエリです。 リストアイテム構成 各レコードの表示方法とそれに関連付けられたアクションを決定します。 -
「 データ・アイテム 」セクションで、「 新規 」を選択してリスト・ストリームの新しいデータ・アイテムを作成するか、「 選択 」を選択して既存のデータ・アイテムを参照します。
データアイテムの作成の詳細については、「」を参照してください データアイテム。
- リスト アイテム構成 セクションで、新規 を選択します。
-
必要に応じてフィールドに入力します。
表 : 4. リストアイテム構成レコード フィールド 説明 名前 リストアイテム構成の名前。 設定:リストアイテム構成順序 複数のリストアイテム構成がリストストリームに接続されている場合に、このリストアイテム構成が表示される順序。 データ データアイテムに関連付けられたテーブル。 条件 リストストリームに複数のリストアイテム構成がある場合に何を表示するかを決定する条件。 次を使用して表示 リストアイテム構成を表示する方法。 カード/従来のカード カードには、さまざまなレコードの情報が視覚的に表示されます。 タップ時 画面のタップに対するモバイルアプリの応答方法を決定します。[ Use a function instance] を選択します。 タップで使える関数インスタンス ユーザーがリストアイテムをタップしたときに表示されるアクションを決定します。
ナビゲーション機能を選択するか、[ 新規 ] を選択して作成します。ナビゲーション機能の作成の詳細については、次を参照してください ナビゲーション機能。
注:このオプションは、[タップ時] で [関数インスタンスを使用] が選択されている場合にのみ表示されます。埋め込み画面 リスト画面内に埋め込み画面を追加するオプション。
注:このオプションは、[タップ時] で [画面に移動] が選択されている場合にのみ表示されます。先頭のスワイプ関数インスタンス ユーザーがリストアイテムの前面からスワイプジェスチャを開始したときに実行されるアクションまたは表示されるアクションを決定します。 末尾のスワイプ関数インスタンス ユーザーがリストアイテムの後ろからスワイプジェスチャを開始したときに実行されるアクションまたは表示されるアクションを決定します。 - [ データ ] セクションで、カードに入力するデータを含むテーブルを選択します。
-
[次を使用して表示] セクションで、[ カード ] オプションを選択します。
注:従来のカードオプションも使用できますが、従来のカードには通常のカードと同じ機能はありません。
- カード セクションで、新規 を選択します。
-
必要に応じてフィールドに入力します。
表 : 5. カードレコード フィールド 説明 名前 新しいカードの名前。 説明 カードに関する補足情報。 アクティブ カードレコードがアクティブかどうかを選択します。 データ データアイテムに関連付けられたテーブル。 カードテンプレート カード内で使用される UI 要素のレイアウト。 UI ルール このカードに関連付けられた UI ルール。 - [ データ ] セクションで、カードに入力するデータを含むテーブルを選択します。
- [カード テンプレート] フィールドで、[選択] を選択して既存のカード テンプレートを参照します。
- [保存] を選択します。
- オプション:
カードの要素と属性をカスタマイズするには、次の操作を行います。
- [Mobile Card Builder で開く] ボタンを選択します。
Mobile Card Builder ツールが新しいタブに表示されます。
- インシデントリストカードに必要な変更を加えます。Mobile Card Builder の操作の詳細については、「」を参照してください モバイルカードビルダー。
- [保存] を選択します。
- [Mobile Card Builder で開く] ボタンを選択します。
タスクの結果
次のタスク
- リスト画面内で埋め込み画面を使用する:リスト画面を構成して、レコード画面を含めることができます。埋め込み画面を追加すると、ユーザーがレコードをタップすると、そのコンテンツが新しい画面に表示されるようになります。管理者は、リストアイテム構成レコードでこのオプションを設定します。詳細については、「リスト画面で使用するレコード画面を構成する」を参照してください。
- リスト画面のモバイル機能を構成する - リスト画面には、ユーザーがリスト画面で実行できるアクションのタイプを決定するためのトップメニュー機能とフッター機能を含めることができます。管理者は、リスト画面レコードでこのオプションを構成します。詳細については、「モバイル機能」および「機能をアプリ内の場所に関連付ける」を参照してください。
- リスト画面のレコードのロールアクセス権の設定 - ロールアクセス権オプションを使用して、選択したロールにのみ表示されるようにリスト画面のレコードを設定します。管理者は、リスト画面レコードでこのオプションを構成します。