[ビットマップ スタイル デザイナ]を使用してスタイルを作成する

提供: RAD Studio
移動先: 案内検索

VCL スタイルでの作業 への移動


新規ビットマップ スタイルをビットマップ スタイル デザイナで作成する方法を次の手順で説明します。

  1. [ビットマップ スタイル デザイナ]を開きます([ツール|ビットマップ スタイル デザイナ])。
  2. [ファイル|新規作成]を選択し、スタイル テンプレートを選択します。
    オブジェクト ツリー(ビットマップ スタイル デザイナの左パネル)には、次のカテゴリが表示されます。
    • [Objects](オブジェクト)
    • [Images](画像)
    • [Fonts](フォント)
    • [Colors](色)
    • [SysColors](システム色)
    中央のパネルに表示されるのは、オブジェクト ツリーで選択したコントロールの表現です。
    [インスペクタ]パネル(右パネル)には、選択したコントロールの各プロパティが表示されます。
  3. オブジェクト ツリー[Objects]の下矢印をクリックすると、スタイルを設定できるコントロールのリストが表示されます。
    各コントロールには、設定可能な部分と状態のセットがあります。 たとえば、[CheckBox]オブジェクトには、[Unchecked][Checked]、および[Mixed]状態があり、各状態に適切な外見を選択できます。
  4. オブジェクト ツリー[Images]の下矢印をクリックすると、ユーザーのスタイルを定義するために使用できるビットマップが表示されます。 中央パネルの次のボタンでビットマップのリストを管理します:
    • [追加]
    • [削除]
    • [更新]
    • [エクスポート]
  5. コントロール(ボタンなど)の特定部分や状態の外見を選択するには、右側のパネル(インスペクタ)で、対応する各プロパティを設定します。
    たとえば、進行状況バーの画像について、スタイル部分の場所やサイズを変更するには、オブジェクトのリストで ProgressBar' を開き、BarHorz を選択し、インスペクタ'にある Bitmap の参照ボタン [...] をクリックします。 [ビットマップ プロパティ]ダイアログ ボックスが表示されます。 リスト ボックスから使用する画像を選択すると、左側に表示されます。 水平進行状況バーとして表示する四角形を選択します。進捗バーの画像を左クリックして左上隅を選択、右クリックして右下隅を設定します。
  6. オブジェクト ツリー[Fonts]をクリックすると、コントロールのさまざまな部分や状態に使用する、利用可能なフォントのリストが表示されます。
    たとえば、[RadioButtonTextPressed]は、ラジオ ボタンをクリックしたときのテキストの外見を定義します。 [変更...]をクリックするとフォントを変更でき、また、フォントの色だけを変更するには、[色の変更...]をクリックします。 このリストにあるフォント色にプログラムでアクセスするには、StyleServices.GetStyleFontColor を呼び出します。
  7. オブジェクト ツリー[Colors]をクリックすると、現在のスタイルで使用される基本の色のリストが表示されます。 色には次の 2 つのカテゴリがあります。
    • 第 1 のカテゴリには、画像から直接レンダリングされるコントロール部品に使用される色が含まれています。 この場合、色項目には、基となる画像の色にアクセスする手段が用意されています。 たとえば、[Window]項目では、フォームの背景の色を指定します。
      なお、この色を変更してもコントロール部品のレンダリング方法には影響がなく、その色にプログラムでアクセスする方法にすぎないことに注意してください。 読み込んだスタイルに切り替える場合は、StyleServices.GetStyleColor を呼び出します。
      たとえば、フォームの背景で使用される色を取得するには、StyleServices.GetStyleColor(scWindow) を呼び出します。
    • 第 2 のカテゴリには、実行時にコードでレンダリングされるコントロールに使用する色が含まれています(PanelListBoxGrid など)。 この場合、色のリストにある色を変更すると、コントロールの外見が変わります。
  8. オブジェクト ツリー[SysColors]をクリックすると、現在のスタイルに使用される、システム色(同等)のリストが表示されます。 システム色には、システム色定数に対するスタイルの色に同様な色を取得する方法が用意されています。
    たとえば、ユーザーのコードで clBtnFace を使用してコントロールをレンダリングする場合、StyleServices.GetSystemColor(clBtnFace) を呼び出して、コントロール スタイルを有効にします。
  9. [スタイル|テスト]を選択するか、F9 キーを押して、異なるコントロールに対する独自のスタイルのサンプルを確認します。

関連項目