ビデオを再利用可能な VideoBrush リソースに変換する

Hh134793.0b2c798e-86c6-4ea2-a8a6-5cf1f12be1e2(ja-jp,Expression.40).png

ビデオを VideoBrush リソースに変換すると、ビデオを Fill として適用できます。

ビデオをビデオ ブラシに変換するには、まずビデオをプロジェクトに追加します。次に、ビデオを VideoBrush リソースに変換します。ビデオ ブラシを作成したら、このビデオ ブラシをオブジェクトの塗りつぶしに適用できます。

プロジェクトにビデオを追加するには

  1. [プロジェクト] メニューの [既存のアイテムの追加] をクリックします。

  2. [既存のアイテムを追加] ダイアログ ボックスで、追加するビデオを選択して、[開く] をクリックします。

    tip noteヒント :

    この例では、サンプル ビデオ フォルダー内のビデオを使用します。

ビデオが [プロジェクト] パネルに追加されます。また、[リソース] パネルには、ビデオと同名の MediaElement が表示されます。

[リソース] パネルに表示されているビデオ

ビデオを VideoBrush リソースに変換するには

  1. ビデオをアートボードに追加します。これを行うには、[プロジェクト] パネルで目的のビデオを右クリックし、[挿入] をクリックします。

    ビデオと同名の MediaElement コントロールが [オブジェクトとタイムライン] パネルに表示されます。

  2. MediaElement を選択した状態で、[ツール] パネルの [ブラシ リソースの作成] をクリックし、[VideoBrush リソースの作成] をクリックします。

    [VideoBrush リソースの作成] ダイアログ ボックスが表示されます。

    [VisualBrush リソースの作成] ダイアログ ボックス

  3. [VideoBrush リソースの作成] ダイアログ ボックスで、[名前] フィールドに VideoBrush の名前を入力するか、既定の名前をそのまま使用します。

  4. [定義先] で、テンプレートを定義する場所を選択します。

    • アプリケーション内の任意のドキュメントのボタン オブジェクトにテンプレートを使用できるようにする場合は、[アプリケーション] を選択します。

    • 現在のドキュメントのボタン オブジェクトにのみテンプレートを使用できるようにする場合は、[このドキュメント] を選択します。

    • 現在のドキュメントのこの MediaElement でのみテンプレートを使用できるようにする場合は、[このドキュメント] の横にあるドロップダウン ボックスで [MediaElement] をクリックします。

    [OK] をクリックします。

  5. [ブラシ] カテゴリで、[ブラシ リソース] Hh134793.415db740-5a54-48d2-8678-245ccfa7ee8b(ja-jp,Expression.40).png をクリックします。

[ローカル ブラシ リソース] リストにビデオが表示されます。

VideoBrushResource の適用

また、コード ビューには VideoBrush として表示されます。

[コード] ビュー内の VideoBrush

VideoBrush を塗りつぶしとして適用するには

  1. アートボードにオブジェクトを追加します。この例では、アートボードに楕円が追加されています。

    アートボード上の楕円

  2. [オブジェクトとタイムライン] パネルでこの Ellipse を選択します。[プロパティ] パネルの [ブラシ] カテゴリで、[Fill] をクリックし、[ブラシ リソース] Hh134793.415db740-5a54-48d2-8678-245ccfa7ee8b(ja-jp,Expression.40).png をクリックしてから、新しいビデオ リソースをクリックします。

  3. この段階でプロジェクトを実行すると、ビデオが MediaElement と Ellipse の両方に表示されます。これを避けるために、[オブジェクトとタイムライン] パネルで、MediaElement コントロール (この例では Wildlife_wmv) を選択します。[プロパティ] パネルの [外観] カテゴリで [Opacity] を「0」に設定します。

  4. F5 キーを押して、プロジェクトをビルドおよび実行します。

    ビデオが楕円内に表示されます。

    VideoBrush を適用した楕円

  5. コントロール内のビデオの外観をさらに変更するには、Stretch プロパティを変更します。[プロパティ] パネルの [ブラシ] カテゴリで、[タイル ブラシ] Hh134793.14623a18-70ab-450f-af01-ae9902d60e4d(ja-jp,Expression.40).png をクリックし、[Stretch] ドロップダウン リストから次のいずれかを選択します。

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

      VideoBrush 引き伸ばし: なし

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

      VideoBrush 引き伸ばし: ページ幅に合わせる

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

      VideoBrush 引き伸ばし: 横縦比を維持

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

      VideoBrush 引き伸ばし: 横縦比を維持してページ幅に合わせる

関連項目

タスク

ブラシを使ってオブジェクトの外観を変更する

概念

色、ブラシ、およびマスクの設定

Copyright ©2011 by Microsoft Corporation. All rights reserved.

  • Last updated on