のフォームの保存、プレビュー、印刷Qt Widgets Designer

Qt Widgets Designer のフォームは、編集中のコンポーネントを正確に表現していますが、編集中に最終的な外観をプレビューすると便利です。この機能は、「フォーム」メニューを開いて「プレビュー」を選択するか、フォーム内でCtrl+Rキーを押すことで有効になります。

プレビューは、最終的なコンポーネントがアプリケーションで使用されたときにどのように見えるかを正確に表示します。

Qt 4.4 以降では、デフォルトのスキン、Qt スタイルシートで作成されたスキン、デバイスのスキンなど、様々なスキンを持つフォームをプレビューすることができます。この機能は、アプリケーションでQApplication::setStyleSheet() を呼び出したときの効果をシミュレートします。

スキンを使ってフォームをプレビューするには、Editメニューを開き、Preferences...を選択します。

下図のようなダイアログが表示されます：

スキンのプレビューを有効にするには、Print/Preview Configurationチェックボックスをチェックする必要があります。スタイルのドロップダウン・ボックスから提供されたスタイルを選択できます。

あるいは、Qt Style Sheets で作成したカスタムスタイルシートをプレビューすることもできます。下図はQtスタイルシートの構文と、それに対応する出力の例です。

Qt Widgets Designer ダイアログのスクリーンショット。QLineEdit CSS プロパティが表示された「Edit Style Sheet」ウィンドウと、画像の名前、サイズ、色の濃さを定義する「Create Image」ダイアログが表示されています。" src="images/designer-preview-stylesheet.png" title="Qt Widgets Designer ダイアログのスクリーンショット。QLineEdit CSS プロパティが表示された「Edit Style Sheet」ウィンドウと、画像の名前、サイズ、色の濃さを定義する「Create Image」ダイアログが表示されています。"/>

もう一つの方法は、デバイススキンを使ってフォームをプレビューすることです。Qt Widgets Designer に一般的なデバイススキンのリストがありますが、Browse...オプションを使って他の QVFB スキンを使うこともできます。

フォームのコードの表示

Qt 4.4 以降、Qt Widgets Designer フォームのUser Interface Compiler (uic) によって生成されたコードを見ることができます。

FormメニューからView Code... を選択すると、生成されたコードを表示するダイアログが表示されます。下のスクリーンショットは、uic によって生成されたコードの例です。

フォームの保存と印刷

Qt Widgets Designer で作成したフォームは、画像として保存したり、印刷することができます。

フォームの保存 フォームを画像として保存するには、「画像を保存...」オプションを選択します。ファイルは.png 形式で保存されます。 フォームの印刷 フォームを印刷するには、「印刷...」オプションを選択します。