コンポーネントのインスタンスを作成する

Qt Quick Designerには、インスタンスを作成することでUIで使用できるプリセットコンポーネントが用意されています。

コンポーネントのインスタンスを作成します。

コンポーネントのインスタンスを作成し、そのプロパティを編集するには:

  1. Components (1) から、Navigator (2) または2D (3) ビューにコンポーネントをドラッグします。これにより、現在のコンポーネントファイル内にコンポーネントのインスタンスが作成されます。
  2. Navigator でコンポーネントのインスタンスを選択し、Properties でそのプロパティの値を編集します。

    プロパティビュー。

    詳細については、「基本コンポーネントプロパティの設定」を参照してください。

  3. Qt Quick Designer でデフォルトではサポートされていない方法でコンポーネント・インスタンスの外観や動作を変更するには、Connections ビューのProperties タブでカスタムプロパティを定義できます。

    [接続] ビューの [プロパティ] タブ。

    詳細については、「カスタムプロパティの追加」を参照してください。

  4. ユーザーがコンポーネントインスタンスを操作できるようにするには、インスタンスをシグナルに接続します。たとえば、コンポーネントインスタンスがクリックされたときに何が起こるかを指定できます。詳細については、「コンポーネントをシグナルに接続する」を参照してください。

    [接続] タブの [接続] ビュー。

  5. 別のコンポーネントインスタンスが変更された際に、コンポーネントインスタンスの挙動を動的に変更するには、「Connections 」ビューの「Bindings 」タブで、それらの間にバインディングを作成します。詳細については、「プロパティ間のバインディングの追加」を参照してください。

    [接続] ビューの [バインディング] タブ。

  6. States 」ビューで、1つまたは複数のコンポーネントインスタンスのプロパティ値に一連の変更を適用するために、状態を追加します。詳細については、「状態の操作」を参照してください。
  7. Timeline 」ビューで、コンポーネントインスタンスのプロパティにアニメーションを適用します。詳細については、「タイムラインアニメーションの作成」を参照してください。

関連項目 : 「UI コンポーネントの使用方法」、「 Qt Quick の UI デザイン、「 Qt Quick の UI デザインも参照してください

Copyright © The Qt Company Ltd. and other contributors. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.