QML 型のプロパティの編集

コードエディタで QML コードを編集する際、QML 型のプロパティを指定します。色やフォント名など、一部のプロパティについては、これは簡単な作業ではありません。たとえば、#18793f という色を具体的にイメージできる人はほとんどいません。これらのプロパティを簡単に編集するには、Qt Quick のツールバーを使用してください。

コード内でQML型を選択し、電球のアイコン（ ）が表示されたら、それをクリックして、その型のプロパティを変更するためのツールバーを開きます。

画像のプレビュー

Border ImageおよびImage項目のプロパティを編集して、画像の拡大縮小やタイル表示、他の画像への置換、プレビュー、画像の余白の変更を行うことができます。

画像をプレビューするには、ツールバー上の画像をダブルクリックします。プレビューダイアログでは、画像をズーム表示できます。画像の余白を変更するには、余白をドラッグします。

テキストの書式設定

「Text 」項目のプロパティを編集して、フォントファミリーやサイズ、テキストの書式、スタイル、配置、色を変更します。

プロパティに値ではなく式が割り当てられている場合、ツールバーを使用してそのプロパティを編集することはできません。そのプロパティを編集するためのボタンは無効になります。

デフォルトでは、フォントサイズはピクセル単位で指定されます。ポイント単位を使用するには、サイズフィールドの「px 」を「pt 」に変更してください。

アニメーションのプレビュー

PropertyAnimation アイテムおよびそれを継承するアイテムのプロパティを編集して、イージングカーブの種類や持続時間を変更できます。一部のカーブでは、振幅、周期、オーバーシュートの値を指定することもできます。

再生ボタンを選択して、変更内容をプレビューします。

矩形の編集

「Rectangle」アイテムのプロパティを編集して、塗りつぶし色や枠線を変更したり、グラデーションを追加したりできます。

グラデーションのストップポイントを追加するには、グラデーションバーの上をクリックします。ストップポイントを削除するには、ストップポイントを上にドラッグします。

ツールバーを即座に表示

QML タイプを選択した際にツールバーをすぐに表示するには、[Preferences ] > Qt Quick >QML/JS Editing > Always show Qt Quick Toolbarを選択します。

ツールバーを固定する

ツールバーをドラッグして、別の場所に固定します。「 」（Unpin ）を選択すると、ツールバーの固定が解除され、デフォルトの位置に戻ります。

ツールバーをデフォルトで固定するには、 Pin Qt Quick Toolbarを選択します。