YouTube ChannelSchedule a CallSubscribe for Updates

コンポーネントビルダー

コンポーネントビルダーは、カスタムのダイナミックコンポーネントを視覚的に作成するためのデザイン環境です。直感的に使えるよう設計されており、ドラッグ＆ドロップで複雑なインターフェースを簡単に作成できます。

主な領域を見ていきましょう：

a. キャンバス（中央）

  • あなたの主要な作業スペース： ここがコンポーネントを視覚的に組み立てるメインステージです。

  • ドラッグ＆ドロップ： 左側のコンポーネントライブラリからコンポーネントをドラッグしてキャンバスにドロップします。

  • 配置とネスト： コンポーネントを自由に配置し、カード、カラム、コンテナ、タブコンテナなどのレイアウトコンポーネントの内部に配置して、構造化された複雑なユーザーインターフェースを作成します。

b. 左パネル（ツールキット）

左側のこのパネルには、通常アイコンやタブでアクセスするいくつかの重要なツールが含まれています：

  • コンポーネントライブラリ：

    • コンポーネントタブ: 利用可能なAvonniコンポーネント（データテーブル、ボタン、チャート、マップなど）のパレットです。必要なものをここで見つけ、キャンバスにドラッグします。

    • フィールドタブ: 次に設定したら ターゲットページ名 （設定内）、このタブはそのSalesforceオブジェクトのフィールドで埋められます。これらのフィールドをコンポーネントに直接ドラッグして、データに素早くバインドできます。

  • リソースパネル: コンポーネントのデータとロジックのエンジンルームです。ここで作成および管理します：

  • インタラクションパネル: キャンバス上のコンポーネントに対して設定したすべての インタラクション （例えば「クリック時」や「ロード時」のアクション）の表示と管理を行う中央の場所です。

  • スタイルパネル: 再利用可能な管理 カスタムスタイルをここで作成します。名前付きスタイルを作成して複数のコンポーネントに適用し、一貫した外観を実現します。

  • コンポーネント構造パネル： キャンバス上のすべてのコンポーネントの階層的な「ツリー」ビューを提供します。ネスト構造を理解したり、特に複雑なレイアウトで特定のコンポーネントを選択するのに非常に役立ちます。

c. プロパティパネル（右）

  • コンテキストに応じた設定： このパネルは動的です。キャンバス上のコンポーネントに対する特定の構成オプションを表示します。 現在選択されている キャンバス上の。

  • あなたのコントロールセンター： 選択したコンポーネントの見た目（ラベル、色、サイズ）、動作、データへの接続（データソース、マッピング）、および特定のインタラクションなど、あらゆる調整を行う場所です。

d. 上部バー（重要なコマンド）

  • 元に戻す/やり直し （左）： 最近の変更を一つずつ戻したり進めたりします。

  • 設定（左 - ギアアイコン ⚙️）： ダイナミックコンポーネント全体の重要な設定にアクセスします。最も重要なのは 全体 を設定することです。 その.

  • プレビュー（右）： エンドユーザーにどのように見え、どのように動作するかをライブで即座に確認できます。

  • 保存 （右）： ダイナミックコンポーネントの進行状況を保存します。

最終更新

役に立ちましたか？