状態の操作

手順:状態の操作

コンポーネントおよびコンポーネントインスタンスの状態を設定するには、View >Views >States に移動し、[「プラス」ボタン] を選択します。

各州の見解

2D ビューで新しい状態を選択して切り替え、Properties でコンポーネントまたはコンポーネントインスタンスのプロパティの値を編集します。

たとえば、ボタンの外観を変更するには、ボタンコンポーネントに状態を定義して、ボタンの画像を非表示にし、その代わりに別の画像を表示したり、ボタンの背景色やテキストの色を変更したりできます。他のコンポーネントでボタンのインスタンスを使用する場合、状態を定義して、ボタンコンポーネントのインスタンスを非表示または表示することで、異なる画面を作成できます。Components にあるプリセットのButtonコントロール > Qt Quick Controls >Controls には、normal状態とdown状態が事前に定義されています。

画面に動きを加えるには、2D ビューでコンポーネントインスタンスの位置を変更し、状態間の遷移にアニメーションを追加します。

各状態で変更したプロパティは青色で強調表示されます。「Code 」ビューまたは「Edit 」モードでは、変更内容がベース状態への変更として記録されていることを確認できます。

「状態」および「プロパティ」ビュー。

注: 「 Navigatorでコンポーネントをロックしている状態で 、そのプロパティの値を変更する状態を削除しようとすると、削除の確認を求めるメッセージが表示されます。

状態の操作に関する詳細については、次の動画をご覧ください:

関連項目: Qt Quick 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.