PDF使用例ウィジェットのスタイルを変更するスタイルを保存する保存したスタイルを適用する保存したスタイルを編集するスタイルエディタは、ウィジェットの基本ビジュアルプロパティを編集するためのパネルです。フォントの色やマージン、または枠線の太さを変更する際に使用します。[Interface]タブで、画面やブロックを開き、ウィジェットを選択して、プロパティペインのスタイルエディタ切り替えボタンをクリックします。スタイルエディタパネルは、スタイルシートエディタでも使用可能で、エディタを使用して保存したスタイルを変更できます。ウィジェットのスタイルを設定するには、Font、LayoutおよびBordersのオプションを使用します。以下は、スタイルエディタを使用して変更できる項目の概要です。Fontスタイル(太字、イタリック、下線)、サイズ、色。Layout幅、高さ、配置(左、中央、右)、背景色。Borders枠線の太さと色。MarginsとBordersには、どのようにしてウィジェットに編集を適用するかを示すアイコンがあります。アイコン意味この値は、他のすべての値に適用されますすべての関連プロパティは個別に編集可能です現在のウィジェットのスタイルエディタではスタイルを編集できませんすべての変更は現在のウィジェットのみに適用されます。他のウィジェットで同じスタイルを使用する場合は、スタイルを一連のプロパティ(クラス)として保存します。Classes]セクションにクラスを追加します。作成しているスタイルより重要なスタイルをウィジェットがすでに持っている場合、そのスタイル要素は編集できません。例として、ボタンがモジュールレベルで定義されている原色を使用している場合、スタイルエディタではボタンの色を変更できません。Applied]セクションは、スタイルがどこで定義されたかにかかわらず、ウィジェットに適用されたすべてのスタイルを一覧表示します。スタイルをクリックして、スタイル定義のスタイルシートエディタを開きます。スタイルエディタを使用するには、テーマを持ったモジュールとスタイルの編集を許可するウィジェット(ブロックやプレースホルダ以外のウィジェット、または依存関係の一部であるため編集がロックされているウィジェット)が必要です。モジュールのThemeで直接CSSを編集することで、ビジュアル要素をうまく制御できます。使用例ウィジェットの外観を変更してスタイルを保存し、アプリケーションの他のウィジェットに適用するためのスタイルエディタの使用例を以下に示します。ウィジェットのスタイルを変更するウィジェットを(Web)画面にドラッグします。プロパティペイン内で切り替えボタンをクリックします。テキストを含む要素について、[Font]セクションでテキストプロパティを編集します。[Color]フィールドを使用してカラーピッカーを開き、プロパティの色を設定します。[Layout]で、幅、高さ、配置を変更します。[Layout/Margin]と[Layout/Padding]で、外側と内側のスペースを調整します。[Borders]セクションに枠線を追加し、角の丸みを調整します。スタイルを保存するスタイルエディタでウィジェットを編集します。class]をクリックします。開いているダイアログで、クラス名を入力します(myStyleなど)。クラスによってすべてのスタイル要素がグループ化されます。Editor]ウィンドウで[OK]を押します。保存したスタイルを適用するスタイルを適用するウィジェットをクリックします。Classes]セクションで、鉛筆アイコンをクリックします。スタイルリストをスペースで区切ってスタイルクラスに追加します。myStyle保存したスタイルを編集する編集するスタイルを持つウィジェットをクリックします。Applied]セクション)で、myStyleなどのスタイル名をクリックします。開いている画面で、埋め込まれているスタイルエディタのプロパティを編集します。編集が終了したら、[OK]をクリックします。