ステップ5 - リソースを作成して使用する

このステップでは、Library ウィンドウを使用してアプリケーション内でリソースを作成する方法を学びます。

Kanzi では、リソースはアプリケーションの異なる部分で再利用できるアイテムです。例えば、Mesh Data リソースは Model ノードのジオメトリを定義し、異なるノードで同じ Color Brush を使用して Foreground Brush または Background Brush プロパティを設定できます。

すべてのリソースは、Library ウィンドウの Kanzi Studio プロジェクトで見つけることができます。

Library ウィンドウは、Node Tree ウィンドウと Properties ウィンドウの下にあります。

../../_images/library.png

ここでは、Library ウィンドウを使用して Color Brush を作成します。このブラシを使用して、アプリケーション内のアクティビティの背景を設定します。

リソースを作成して使用するには:

  1. Library ウィンドウで Materials and Textures を Alt を押しながら右クリック し、Color Brush を選択して、Black という名前を付けます。

    Color Brush を使用して、2D ノードを単色で塗りつぶします。

    ../../_images/library-create-color-brush.png
  2. Library ウィンドウで、作成した Color Brush を選択します。Properties ウィンドウで、Brush Color プロパティのフィールドを次のように設定します。

    • Hue (H) を 0 に

    • Saturation (S) を 0 に

    • Lightness (L) を 0 に

    ../../_images/black-brush-in-library.png ../../_images/properties-color-brush.png
  3. Prefabs ウィンドウで、Settings プレハブと Media プレハブを選択します。

    ../../_images/project-select-home-car-media.png
  4. Properties ウィンドウで Background Brush プロパティの横にある プロパティを追加 をクリックし、前のステップで選択したすべてのノードにそのプロパティを追加します。Background Brush プロパティを、最初のステップで作成したブラシに設定します。

    ../../_images/properties-add-background-brush.png ../../_images/properties-set-background-brush.png

Preview ウィンドウで Next ボタンと Previous ボタンをクリックしてアクティビティ間を移動し、作成した Color Brush が Settings アクティビティと Media アクティビティの背景をどのように塗りつぶすかを確認します。

../../_images/getting-started-step-5.gif

関連項目

Kanzi のリソースについて詳しく知るには、リソース (Resources) をご覧ください。

ブラシについて詳しく知るには、ブラシの使用 を参照してください。