6.3. アプリケーションのフォームを作成する¶

• 「登録」ボタン押下後に、「フォーム・デザイナ」画面を表示します。

1. 「アプリケーション一覧」画面で、フォームを作成するアプリケーションの「編集」をクリックします。

2. 表示されたアプリケーション情報の「フォーム設定」タブをクリックします。

3. 「編集」をクリックします。

4. 「アプリケーション履歴情報」画面の「フォーム一覧」をクリックします。

   • 編集するフォームが一覧に出ている場合には、「フォーム編集」をクリックします。

   • 編集するフォームが一覧に出ていない場合には、「登録」をクリックします。

     • フォームの名前を「フォーム名」、説明を「備考」に入力してフォームを作成します。

5. 「フォーム・デザイナ」画面を表示します。

• 「フォーム・デザイナ」画面では、一部の設定項目は、複数の画面アイテムを選択してまとめて設定できます。

  設定できる内容は以下の通りです。

  • 複数の画面アイテムを選択したまま、ドラッグで位置を移動する
  • 複数の画面アイテムを整列（左揃え、右揃え、上揃え）する
  • 複数の画面アイテムをまとめてコピーして貼り付ける
  • 複数の画面アイテムをまとめて削除する

  「Ctrl/command」キーを押しながら、対象の画面アイテムをクリックすると、画面アイテムを複数選択した状態（枠線が青い点線で表示されます。）にできます。

  複数の画面アイテムを選択している状態を解除する場合には、「フォーム・デザイナ」画面の任意の場所をクリックします。

  コラム

  アプリ作成者のPCのOSがMacintoshの場合は、以下の方法でも設定できます。

  • 「フォーム・デザイナ」画面上で右クリックして表示されるコンテキストメニューで、「複数選択」をクリックすると、複数選択モードに変わります。
  • 複数選択モードのときに、まとめて設定したい画面アイテムをクリックすると、画面アイテムを複数選択した状態（枠線が青い点線で表示されます。）にできます。
  • 複数の画面アイテムを選択している状態を解除する場合には、複数選択モードの設定時と同様に右クリックしてコンテキストメニューを表示し、「複数選択解除」をクリックします。

• 対象の画面アイテムを複数選択した状態にします。

• 複数の画面アイテムを選択した状態で、右クリックしてコンテキストメニューを表示します。

• 揃えたい基準に合わせて、コンテキストメニューの「左揃え」「右揃え」「上揃え」をクリックします。

• 画面アイテムが選択した揃え方で整列されます。

  コラム

  画面アイテムの整列は、選択したメニューによって、次の通りに揃えます。

  • 左揃え

    選択している画面アイテムのうち、画面アイテムの横位置（プロパティのアイテムの位置「X」の値）が一番左（小さい）の画面アイテムに合わせて揃えます。

  • 右揃え

    選択している画面アイテムのうち、画面アイテムの横位置（プロパティのアイテムの位置「X」とアイテムサイズの幅を足した値）が一番右（大きい）の画面アイテムに合わせて揃えます。

  • 上揃え

    選択している画面アイテムのうち、画面アイテムの縦位置（プロパティのアイテムの位置「Y」の値）が一番上（小さい）の画面アイテムに合わせて揃えます。

• コピー対象の画面アイテムを右クリックして表示されるコンテキストメニューで、「コピー」をクリックして画面アイテムをコピーします。

• 「フォーム・デザイナ」画面上で、コピーした画面アイテムを貼り付けたい場所で、右クリックしてコンテキストメニューを表示し、「貼り付け」をクリックして画面アイテムを貼り付けます。

  コラム

  アプリ作成者のPCのOSがWindowsの場合には、ショートカットキーとして、「Ctrl」＋「C」でコピー、「Ctrl」＋「V」で貼り付け（ペースト）することができます。

  OSがMacintoshの場合には、ショートカットキーとして、「control/command」＋「C」でコピー、「control/command」＋「V」で貼り付け（ペースト）することができます。

1. 右クリックしてコンテキストメニューを表示します。
2. コンテキストメニューの「やり直し」または「元に戻す」をクリックします。

記録対象となる操作は以下の通りです。

• アイテムの追加に関する操作

  • ツールキット
  • アイテムコピー
  • テンプレート
  • コンテキストメニュー　コピー → 貼り付け（ペースト）
  • ショートカットキー　「Ctrl/command」＋「C」でコピー → 「Ctrl/command」＋「V」で貼り付け（ペースト）

• アイテムの削除に関する操作

  • アイテム選択時に表示される削除アイコンをクリック
  • キーボードの「Delete」キー（OSがWindowsの場合）
  • コンテキストメニューの「削除」をクリック

• アイテムの移動に関する操作

  • Drag & Drop
  • ショートカットキー　「↑」「↓」「→」「←」＋（「Ctrl」）
  • コンテキストメニュー　「左揃え」「右揃え」「上揃え」をクリック

• Drag & Dropによるアイテムのサイズ変更

• アイテムの重なり順の変更

  • コンテキストメニュー　「最前面へ移動」「前面へ移動」「最背面へ移動」「背面へ移動」をクリック

コラム

上記以外の操作（プロパティ設定やデザイナツールバー上のリンクからの各種設定）は記録対象ではないため、「やり直し」または「元に戻す」ことはできません。

再利用機能を利用した場合は画面がリロードされるため、それまでの操作記録は失われます。

コラム

アプリ作成者のPCのOSがWindowsの場合には、ショートカットキーとして、「Ctrl」＋「Z」でやり直し、「Ctrl」＋「Y」で元に戻すことができます。

OSがMacintoshの場合には、ショートカットキーとして、「control/command」＋「Z」でやり直し、「control/command」＋「Y」で元に戻すことができます。

コラム

「Undo・Redo」機能を利用にするには、forma-configに設定が必要です。

詳細は「 IM-FormaDesigner セットアップガイド 」の「forma-configの設定追加（フォーム・デザイナのUndo・Redo機能の追加） 」を参照してください。

• 項目のラベル（名称）の表示幅を変更する

  1. 該当の画面アイテムをクリックし、「プロパティ」アイコンをクリックします。
  2. 表示されたプロパティウィンドウの「表示スタイル」をクリックします。
  3. 「ラベル幅」に設定したい幅をピクセル単位で入力します。

• 項目の入力欄の幅を変更する

  1. 該当の画面アイテムをクリックし、「プロパティ」アイコンをクリックします。
  2. 表示されたプロパティウィンドウの「表示スタイル」をクリックします。
  3. 「フィールド幅」に設定したい幅をピクセル単位で入力します。

1. 該当の画面アイテムをクリックし、「プロパティ」アイコンをクリックします。

2. 表示されたプロパティウィンドウの「入力フィールド」をクリックします。

3. ウィンドウ中段の「入力チェック」をクリックして、チェック項目の設定欄を表示します。

   • 入力を必須化、または半角英数字のみ入力可能としたい場合には、該当のチェックボックスをオンにします。

   • 入力可能文字数の上限値・下限値を設定したい場合には、次の通りに設定します。

     • 入力する文字を○文字以上にする→「最小入力文字数」に○に当てはまる数字を入力します。○と同じ文字数は適切な値とみなします。
     • 入力する文字を○文字以下にする→「最大入力文字数」に○に当てはまる数字を入力します。○と同じ文字数は適切な値とみなします。