ビューの基礎

ビューを使用して、アプリユーザーに対してデータをいつ、どこで、どのように表示するか、また、ユーザーがどのようにそのデータを操作できるようにするかを制御できます。

以下は、Facility Inspections テンプレートから作成した Nearby カードビューの例です。ビューの名前（Nearby）、アプリ内のビューの位置（ナビゲーション バー）、ビューのレイアウトと内容、ビューを表示するタイミングに関する条件は、自由に制御できます。

ビュータイプもご覧ください。

Views ペインを使用してみる

アプリエディタを強化しました。
デフォルトでは新しいエディタが有効になっていますが、いつでも以前のエディタに戻すことができます。

[Views] ペインは新しいエディタでのみ利用できます。 以前のエディタには [Views] ペインは表示されません。

[App]  > [Views] に移動します。

[Views] ペインが表示され、プライマリ ナビゲーションの最初のビューがエディタで開きます。

上の画像で強調表示されているように、[View] ペインでは次のことを行えます。

• ビューを作成する
  プライマリ ナビゲーションおよび メニュー ナビゲーションに表示されるビュー、ナビゲーションには表示されないが その他のビューから参照されるビューを作成できます。
• ビューを構成する（リストで選択）
• ビューを管理する（以下が含まれます）:
  • ビューをプレビューする
  • ビューの名前を変更する
  • ビューを別の場所に移動する（プライマリ、メニュー、その他）
  • ビューをコピーする
  • ビューをお気に入りに追加する
  • ビューを削除する
• システムが生成した実際のデータのビューを管理する
  注:

  • システムが生成したビューの構成、プレビュー、コピー、削除を行えます。
  • 以前のアプリエディタを使用している場合は、システムにより生成されたビューをデフォルトで表示または非表示にできます。アプリエディタ設定を構成するをご覧ください。
• ビュー設定: 基礎の説明に従いビューの設定に移動する
• ビューのリストを検索する
• ナビゲーションですべてのセクションの開閉を行う

ビュータイプもご覧ください。

ビューを作成する

 ビューを作成するには:

1.  アプリエディタでアプリを開きます。
2. [App] > [Views] に移動します。
3. アプリ内のどこでビューを開始させるかを加味して、プライマリ ナビゲーション、メニュー ナビゲーション、その他のナビゲーションのいずれかの隣にある + をクリックします。
4. ビューを別の場所に移動するの説明に従い、ビューの位置を変更できます。
5. [Add a new view] ダイアログが表示されます。
6. 次のいずれかを行います。
   • 候補ビューを追加するには、その候補ビューをクリックします。
   • [Create a new view] をクリックします。
7. ビューを構成します。
8. アプリを保存します。
    

アプリエディタを強化しました。
デフォルトでは新しいエディタが有効になっていますが、いつでも以前のエディタに戻すことができます。

以前のエディタを使用する場合

 ビューを作成するには:

1.  アプリエディタでアプリを開きます。
2. [UX] > [Views] に移動します。
3. 次のいずれかのタスクを行います。
   • 新しいビューを作成するには、[New View] をクリックします。
   • 候補ビューを追加するには、その候補ビューをクリックします。
   • 既存のビューをコピーするには、そのビューを開いて [Copy] をクリックします。
     
     
4. ビューを構成します。
5. アプリを保存します。

ビューを構成する

以下のセクションで説明する設定を使用してビューを構成します。

• ビューの詳細
• ビュー オプション
• Display
• Behavior
• ドキュメント

ビューの詳細

次の表で定義されているビューの詳細を構成します。

設定	説明
View name	ビューの名前です。アプリ内で一意である必要があります。 既存のビューと同じ名前を入力すると、アプリエディタによりビューの名前に自動的に番号が割り振られ、互いを識別できるようになります。
For this data	このビューにより参照されるデータです。リストから、テーブルまたはスライスを選択します。ビュー内に表示できるのは指定したテーブルまたはスライスにあるデータのみです。 新しいスライスを作成するには、ビューの構成時にスライスを作成するをご覧ください。 注: このオプションはダッシュボード ビューでは使用できません。
View type	ビュータイプです。これにより、アプリユーザーに対してどのようにデータが表示されるかが決まります。 グラフ、フォーム、詳細、マップ、テーブルなどのさまざまなビュータイプの中から選択します。それぞれのビュータイプには独自の特徴があり、また、タイプに固有のビュー オプションがあります。
Position	アプリ内のどこでビューを開始するかを指定します。以下の位置からいずれかを選択します。 プライマリ ナビゲーション: モバイル アプリとタブレット アプリの画面の下にあるプライマリ ナビゲーション バーからアクセスされます。デスクトップ アプリの場合は、左側のナビゲーション バーからアクセスされます。[Position] を [first]、[next]、[middle]、[later]、[last] のいずれかに設定して、好きなように順番を整えることができます。 注: 複数のビューの [Position] を同じ設定にした場合、ビューは作成日時に基づいて時系列に並べられます。 メニュー ナビゲーション: アプリのメインメニューでアクセスされます。[Position] を [menu] に設定します。 その他のビュー: データの操作中に暗示的に参照された場合のみアクセスされます。[Position] を [ref] に設定します。 たとえば、以下はモバイルアプリでのプライマリおよびメニュー ナビゲーション ビューの位置を示しています。

ビュー オプション

それぞれのビュータイプには、タイプに固有のビュー オプションがあり、これを使用してビューの見た目を整えることができます。たとえば、以下の図はテーブルビューのビュー オプションを示しています。

ビュー オプションについて詳しくは、以下をご覧ください。

• ビューの行の表示順を制御する
• ビューのグループを制御する
• ビューの列の順番を制御する
• ビュー内の列の幅を制御する
• ビューでクイック編集列を使用する

表示

すべてのビュータイプには構成可能な表示オプションがあります。表示オプションは、アプリ表示の下部にあるナビゲーション バーとアプリのメインメニューでのビューの表示方法に影響します。

次の表で定義されている設定を使用して、ビューの表示を構成します。

設定	説明
Icon	ビューの [Display name]（以下を参照）とともに表示されるアイコンです。定義済みリストからアイコンを選択します。カスタム アイコンは許可されていません。すべてのビューにアイコンが必要です。アイコンが指定されていない場合、タイプごとに固有のデフォルトが使用されます。
Display name	ビューで表示される名前です。固定値（T）またはテキスト式（flask）を入力します。 [Display name] が指定されていない場合、または、空白値に評価される式に設定されている場合は、ビューの名前が使用されます。
Show if	ナビゲーション バーやメインメニューなど、指定された [Position] にナビゲーション要素としてビューが含まれるかどうかを決定する Yes / No 式です 式が TRUE と評価された場合、ビューが含まれます。 Show if 式は式 TRUE と同等ではありません。 警告: Show if はセキュリティ対策ではありません。Show if は、単にビューをナビゲーションで非表示にするだけです。非表示にしても、ユーザーはそれ以外の正当な方法でこのビューにアクセスできます。

動作

それぞれのビュータイプには、タイプに固有の動作オプションがあり、これを使用して、ユーザーがビューを操作した際にビューがどのように動作するかを調整できます。たとえば、テーブルビューの動作オプションは次のようになります。

可能な場合は、以下の表で定義されている設定を使用してビューの動作を構成します。

設定	説明
Event Actions	一部のビュータイプでは、ユーザー アクションによりトリガーされる特定のイベントに対するアプリの反応をカスタマイズできます。認識されるビューイベントが発生すると、構成されたアクションが実行されます。
App link	構成できません。ナビゲーション要素からビューをターゲットにするための 2 種類の方法を提供します。 タイプ App: go to another view within this app のアクションのターゲットとして使用される、ビューへのディープリンク。例: (LINKTOVIEW("By House") タイプ External: go to a web site のアクションのターゲットとして、またはウェブブラウザから使用される、ビューの完全な URL 注: アプリリンクの使用はビューの Show if 設定に影響されません。Show if 式が　FALSE と評価されても、ビューへのアプリリンクの使用を妨げることはありません。

ドキュメント

[Documentation] セクションを開き、カードビュー用のわかりやすいコメントを入力して、共同編集者がその目的を簡単に把握できるようにします。

ビューをプレビューする

 ビューをプレビューするには:

1.  アプリエディタでアプリを開きます。
2. [App] > [View] に移動します。
3. [Views] ペインでビューにカーソルを合わせて、[More] > [Show in preview] を選択します。

アプリエディタを強化しました。
デフォルトでは新しいエディタが有効になっていますが、いつでも以前のエディタに戻すことができます。

以前のエディタを使用する場合

1. アプリエディタでアプリを開きます。
2. [UX] > [Views] に移動します
3. プレビューするビューを開きます。
4. [Show in Preview] をクリックします。

ビューの名前を変更する

ビューの名前を変更するには:

1. アプリエディタでアプリを開きます。
2. [App] > [View] に移動します。
3. [Views] ペインでビューにカーソルを合わせて、[More] > [Rename] を選択します。
4. 名前を編集して、Enter キーを押します。
5. アプリを保存します。

ビューの詳細の構成時に [View name] フィールドを編集して、ビューの名前を変更することもできます。

アプリエディタを強化しました。
デフォルトでは新しいエディタが有効になっていますが、いつでも以前のエディタに戻すことができます。

以前のエディタを使用する場合

1. アプリエディタでアプリを開きます。
2. [UX] > [Views] に移動します
3. 名前を変更するビューを開きます。
4. ビューの詳細にある [View name] フィールドを編集します。
5.  アプリを保存します。

ビューを別の場所に移動する

ビューを別の場所に移動するには:

1. アプリエディタでアプリを開きます。
2. [App] > [View] に移動します。
3. [Views] ペインでビューにカーソルを合わせて、[More] > [Move to] を選択し、[Primary navigation]、[Menu navigation]、または [Other view] を選択します。 
   選択中の位置がチェックされます。
4.  アプリを保存します。
    

ビューの詳細の構成時に [Position] フィールドを編集することで、ビューを別の位置に移動させることもできます。

アプリエディタを強化しました。
デフォルトでは新しいエディタが有効になっていますが、いつでも以前のエディタに戻すことができます。

以前のエディタを使用する場合

1. アプリエディタでアプリを開きます。
2. [UX] > [Views] に移動します
3.  ビューの詳細にある [Position] フィールドを編集します。
4.  アプリを保存します。

ビューをコピーする

ビューをコピーするには:

1. アプリエディタでアプリを開きます。
2. [App] > [View] に移動します。
3. [Views] ペインでビューにカーソルを合わせて、[More] > [Duplicate] を選択します。
4.  アプリを保存します。

デフォルトで、ビューは viewname_n でコピーされます。ここで、viewname は既存のビューの名前で、n の値はコピーするたびに 1 ずつ増えます。ビューの名前は編集できます。「ビューの名前を変更する」をご覧ください。

アプリエディタを強化しました。
デフォルトでは新しいエディタが有効になっていますが、いつでも以前のエディタに戻すことができます。

以前のエディタを使用する場合

 ビューをコピーするには:

1.  アプリエディタでアプリを開きます。
2. [UX] > [Views] に移動します。
3. コピーするビューを開きます。
4. [Copy] をクリックします。
5.  アプリを保存します。

ビューをお気に入りに追加する

よく使用するビューに簡単にアクセスできるようにするために、ビューをお気に入りに追加します。

 ビューをお気に入りに追加するには:

1. アプリエディタでアプリを開きます。
2. [App] > [View] に移動します。
3. [Views] ペインでビューにカーソルを合わせて、[More] > [Add to favorites] を選択します。

[Favorites] リストにあるビューにカーソルを合わせて、x をクリックしてビューをお気に入りから削除します。

ビューを削除する

 ビューを削除するには:

1.  アプリエディタでアプリを開きます。
2. [App] > [View] に移動します。
3. [Views] ペインでビューにカーソルを合わせて、[More] > [Delete] を選択します。
4. アプリを保存します。

アプリエディタを強化しました。
デフォルトでは新しいエディタが有効になっていますが、いつでも以前のエディタに戻すことができます。

以前のエディタを使用する場合

 ビューを削除するには:

1.  アプリエディタでアプリを開きます。
2. [UX] > [Views] に移動します。
3. 削除するビューを開きます。
4. [Delete] をクリックします。
5. アプリを保存します。