バージョン: v20

リストフォームのテンプレート

このチュートリアルでは、リストフォーム用のカスタムテンプレートを作成するために必要なスキルを身につけることができます。これには、フォームへの 検索窓 の追加、画像フィールドの表示、各セルへの タイトル および サブタイトル の表示が含まれます。

リストフォームテンプレート（完成）

⒈ スタータープロジェクトをダウンロード

スタータープロジェクト をダウンロードします。これには、以下のものが収録されています:

まず、Contact.4dbase/Resources/Mobile/form/ に list フォルダーを作成し、Custom List form フォルダーをその中にドラッグ＆ドロップします。

Mobileフォルダーリストフォームテンプレート

4Dアプリケーションを起動し、ダウンロードした "Contact" 4Dプロジェクトを開きます。

これには ファイル > 開く > モバイルプロジェクト... > Contact Demo app と選択していきます。

モバイルプロジェクトエディターの フォーム セクションで、リストフォームテンプレート選択画面に追加した "Custom List form" テンプレートが表示されていれば成功です:

フォームセクション

それでは、Custom List form フォルダーの中身を見ていきましょう。

フォルダーには、次のものが格納されています:

layoutIconx2.png: 160x160pxサイズのアイコンファイルです。プロジェクトエディターのテンプレート選択画面に表示されます。
manifest.json: テンプレートの基本的な説明が記述されています。
template.svg: リストフォームのレイアウトを決定する画面に表示されるテンプレートのプレビューです。
ストーリーボード (グラフィカルインターフェース) と Swift ファイル (フォームのコード) を Source/Forms/Tables/___TABLE___ フォルダー内に格納する ios フォルダー
layout.xml ファイル (グラフィカルインターフェース) を app/src/main/res/layout フォルダー内に格納する android フォルダー

これらのファイルやフォルダーについては、次のセクションで説明していきます。