提供: Bright Pattern Documentation
移動先: 案内、 検索
• English

静的 UI の概要

「静的レイアウトエディタ」ビューでは、フォームビルダーのユーザーインターフェースは以下のエリアに分かれています。

  • コントロールパレット(システムコントロールおよびその他すべての種類のコントロールのリスト)。画面の左側に表示されます
  • フォームキャンバス(フォームの作成および編集を行う場所)。画面の中央に表示されます
  • プロパティエディタ(編集するコントロールを選択した後に表示されます)。画面の右側に表示されます

フォームに新規の UI エレメントを追加するには、コントロールパレットから該当するコントロールを選択し、キャンバスの目的の場所にドラッグして配置し、プロパティエディタでそのプロパティを指定します。


フォームビルダーのUI


フォームグリッドの設定

フォームの全体的な外観(ラベルの幅、パディング、余白、背景色など)を変更するには、フォームビルダー上部の グリッド... ボタンをクリックします。

グリッド... ボタンをクリックすると、フォームグリッド設定 ダイアログが開きます。


フォームグリッド設定


ここでは、以下の設定を編集できます。

  • 列数 - フォームの列数(例:「10」)
  • 列幅(px) - ピクセル単位での列の幅(例:「100」)
  • 行数 - フォームの行数(例:「5」)
  • 行の高さ(px) - ピクセル単位での行の高さ(例:「25」)
  • 完成時のフォームサイズ - 完成したフォームの幅と高さ(例:「1000px × 125px」)
  • フォーム周囲の余白、px - フォームの外縁にある余白の量(ピクセル単位)(例:「10」)
  • 背景色 - フォームの背景色(例:「White Smoke」)
  • フォームラベルの幅(px) - 各フォームラベルの幅(ピクセル単位)(例:「40」)

ページ

1つのフォームに複数のページを設定できます。ページセレクターを使用すると、表示および編集するフォームを選択できます。


ページセレクター


ページセレクターの右側にある フォームページ... ボタンを使用すると、複数のフォームページを操作できます。このボタンをクリックすると、フォームページ ダイアログが開き、そこで以下のアクションを行うことができます。

  • すべてのフォームページを表示する

    すべてのフォームページを表示する


  • 追加をクリックして、フォームページを追加する

    新規フォームページを追加する


  • フォームページの名前を編集する

    フォームの名前を編集し、緑色のチェックマークをクリックして変更を保存します


  • をクリックしてフォームページを削除する

  • をクリックしてフォームページを複製する

表示ボタン

フォームビルダーでは、次の3つの異なる表示モードを利用できます。

  • 設定 - すべてのフォームエレメントのプロパティを編集する画面です
    設定ビュー
  • プレビュー - フォームの読み取り専用バージョンを確認できる画面です
    プレビュー
  • 編集可能 - フォームをプレビューしつつ、各フィールドに直接入力できる動的な表示です
    編集可能


表示 ボタンをクリックすると、これらの表示モードを切り替えることができます。セレクターから表示モードを選択すると、ボタンにはその表示モードの名前が表示されます。


「表示」ボタンを使用すると、「設定」、「プレビュー」、「編集可能」の各表示モードから選択できます


コントロールパレット

コントロールパレット には、利用可能な各コントロールタイプ(以前は「フォームコンポーネント」と呼ばれていました)が一覧表示されており、それぞれに、そのコントロールが実行する機能を指定する独自の設定属性があります。


フォームコントロール


システムコントロール

システムコントロール は、フォームビルダーの上部に常に表示されています。ボタンまたはセレクターであるこれらのコントロールには、フォーム設定を変更するための グリッド...、編集または表示するフォームページを選択するためのページセレクター、フォームにページを追加するためのフォームページ... ボタン、およびフォームビルダーの表示モード(すなわち 設定、プレビュー、編集可能)を切り替えるための表示ボタンが含まれます。


その他のコントロールタイプ

その他のすべてのコントロールは、フォーム上に何度でも配置できます。フォームの同一ページ内に同じ名前を持つコントロールを作成することはできません(プロパティダイアログを適用したり、ドッキングされたプロパティシートからカーソルを移動させたりすると、エラーダイアログが表示されます)。異なるページに同じ名前を持つコントロールを配置する場合、異なるページで同じフィールドを表示するためには、それらのコントロールが同じタイプである必要があります。

複数のインスタンスで存在できるコントロールには、以下のものがあります。

  • Contact-email
  • Contact-phone
  • Contact-address
  • Contact-messaging-app-account

これらのコントロールを追加すると、オブジェクトに関連付けられたフィールドのすべてのインスタンスが表示されます。

< 前へ | 次へ >