バージョン: v20

詳細フォームのテンプレート

このチュートリアルでは、詳細フォームのテンプレートを作成する方法を説明します。この詳細フォームは、画像ヘッダー と タイトルおよびコンテンツフィールド をアプリに表示します。

カスタムテンプレート（完成）

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

スタータープロジェクト をダウンロードします。

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

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

4Dアプリケーションを起動し、ダウンロードした "Contact" 4Dプロジェクトを開きます。これには ファイル > 開く > モバイルプロジェクト... > Contact Demo app と選択していきます。

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

フォームセクション

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

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

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

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