オブジェクトの塗りつぶしまたはストロークにタイル ブラシを適用する

  • [アーティクル]

Hh134804.bf9c77b1-ba7a-4f3b-8380-d05728d208d1(ja-jp,Expression.40).png

タイル ブラシは、イメージまたはパターンの繰り返しで領域を塗りつぶします。イメージ ブラシ、描画ブラシ、またはビジュアル ブラシからタイル ブラシを作成できます。

タイル ブラシを作成するには、まずブラシ リソースを作成します。ブラシ リソースを作成したら、そのブラシをタイル ブラシとして適用し、[ブラシの変更] ツールを使用して変換します。

Noteメモ :

Microsoft Silverlight プロジェクトでは TileBrush プロパティに値を指定できません。Silverlight プロジェクトでタイル ブラシを使用する方法の詳細については、MSDN の「TileBrush クラス Hh134804.xtlink_newWindow(ja-jp,Expression.40).png」を参照してください。

オブジェクトの塗りつぶしまたはストロークにタイル ブラシを適用するには

  1. アートボードにオブジェクトを追加します。

  2. [プロパティ] パネルの [ブラシ] カテゴリで、[ブラシ リソース] Hh134804.415db740-5a54-48d2-8678-245ccfa7ee8b(ja-jp,Expression.40).png をクリックし、次のいずれかのローカル ブラシ リソースをクリックします。

    tip noteヒント :

    ブラシ リソースの種類を確認するには、[リソース] パネルで目的のリソースの上にマウス ポインターを置きます。ポップアップ ウィンドウが開き、ブラシの種類が表示されます。

    ブラシはアートボード上のオブジェクト内に表示されます。

  3. [タイル ブラシ] Hh134804.14623a18-70ab-450f-af01-ae9902d60e4d(ja-jp,Expression.40).png をクリックします。タイル ブラシのプロパティが表示されます。[ブラシ] カテゴリで、TileMode プロパティに次のいずれかの値を設定します。

    • None   基本タイルを適用するだけで、タイルは繰り返されません。残りの領域は透明になります。

      TileBrush TileMode: なし / Expression Blend

    • FlipX   Tile と同じですが、タイルの列が交互に左右に反転します。基本タイルそのものは反転されません。

      TileBrush TileMode: 反転 X / Expression Blend

    • FlipY   Tile と同じですが、タイルの行が交互に上下に反転します。基本タイルそのものは反転されません。

      TileBrush TileMode: 反転 Y / Expression Blend

    • FlipXY   FlipX と FlipY の組み合わせです。基本タイルそのものは反転されません。

      TileBrush TileMode: 反転 XY / Expression Blend

    • Tile   基本タイルが描画され、残りの領域は基本タイルの繰り返しで塗りつぶされます。1 つのタイルの右端が次のタイルの左端と接合されます。上端と下端も同様です。

      TileBrush TileMode: 並べて表示 / Expression Blend

  4. [ブラシ] カテゴリで、Stretch プロパティに次のいずれかの値を設定します。

    • None   コンテンツの現在のサイズが維持されます。

      タイル ブラシ引き伸ばし: なし

    • Fill   オブジェクト全体を塗りつぶすようにコンテンツのサイズが変更されます。縦横比は維持されません。

      タイル ブラシ引き伸ばし: ページ幅に合わせる

    • Uniform   オブジェクト内に完全に収まるように、縦横比を維持したまま、コンテンツのサイズが変更されます。

      タイル ブラシ引き伸ばし: 横縦比を維持

    • UniformToFill   オブジェクト全体を塗りつぶすように、縦横比を維持したまま、コンテンツのサイズが変更されます。ソース コンテンツの縦横比がオブジェクトの縦横比と異なる場合は、ソース コンテンツがオブジェクトのサイズに合わせて切り取られます。

      タイル ブラシ伸張: 横縦比を維持してページ幅に合わせる

  5. ImageBrush リソースを使用する場合は、[ImageSource] ドロップダウン リスト ボックスから別のイメージを選択して、ソース イメージを変更できます。

オブジェクトに適用されたタイル ブラシを変換するには

  1. アートボード上でオブジェクトを選択し、[ツール] パネルの [ブラシの変更] ブラシの変更ツール を選択します。

    tip noteヒント :

    アートボード上でオブジェクトを選択した状態で B キーを押すと、[ブラシの変更] ツールが選択されます。

    アートボード上の四角形の周囲に青い矢印のガイドが表示されます。

  2. [ブラシの変更] ツールを選択した状態で、次のいずれかの操作を行います。

    • ブラシを移動するには、オブジェクト内でドラッグします。この操作は、[プロパティ] パネルの [RelativeTransform] ボックスの [変換] タブの設定に相当します。

      TileBrush RelativeTransform 移動

    • ブラシを回転させるには、オブジェクトの輪郭線の角の外側にポインターを置いて、ポインターが回転ハンドル Hh134804.888cbf6b-c442-424d-977d-61d942703c4a(ja-jp,Expression.40).png に変化したらドラッグします。この操作は、[プロパティ] パネルの [RelativeTransform] ボックスの [回転] タブの設定に相当します。

      TileBrush RelativeTransform 回転

    • タイル ブラシまたは放射状グラデーション ブラシのサイズを変更するには、オブジェクトの中点ハンドルまたは角のハンドルにポインターを置き、ドラッグします。この操作は、[プロパティ] パネルの [RelativeTransform] ボックスの [拡大縮小] タブの設定に相当します。

      TileBrush RelativeTransform 再度拡大縮小

    • ブラシを傾けるには、中点ハンドルの外側にポインターを置いて、ポインターが傾斜ハンドル Hh134804.2be41f49-8a61-4966-bf08-598f4253b610(ja-jp,Expression.40).png に変化したらドラッグします。この操作は、[プロパティ] パネルの [RelativeTransform] ボックスの [傾斜] タブの設定に相当します。

      TileBrush RelativeTransform 傾斜

タイル ブラシを削除するには

  • アートボード上でオブジェクトを選択し、[プロパティ] パネルの [ブラシ] カテゴリで、[ブラシなし] Hh134804.706bbd5c-c0e0-43a1-9604-297f019d0275(ja-jp,Expression.40).png を選択します。

Copyright ©2011 by Microsoft Corporation. All rights reserved.