Border.BackgroundTransition プロパティ

定義

名前空間:

Windows.UI.Xaml.Controls

Background プロパティの変更を自動的にアニメーション化する BrushTransition のインスタンスを取得または設定します。

BrushTransition BackgroundTransition();

void BackgroundTransition(BrushTransition value);

public BrushTransition BackgroundTransition { get; set; }

var brushTransition = border.backgroundTransition;
border.backgroundTransition = brushTransition;

Public Property BackgroundTransition As BrushTransition

プロパティ値

BrushTransition

背景への変更を自動的にアニメーション化するための BrushTransition のインスタンス。それ以外の場合は null。 既定値は null です。

Windows の要件

デバイス ファミリ	Windows 10, version 1809 (10.0.17763.0 で導入)
API contract	Windows.Foundation.UniversalApiContract (v7.0 で導入)

例

この例では、背景の切り替えを Border に適用する方法を示します。 更新されるたびに BorderBackground 、背景は古いブラシから新しいブラシにアニメーション化されます。

<Border Background="{x:Bind BorderBackground}">
    <Border.BackgroundTransition>
        <BrushTransition />
    </Border.BackgroundTransition>
</Border>

注釈

Background プロパティに対する変更をアニメーション化するには、このプロパティを使用します。 コードまたはデータ バインディングから新しい値が設定されると、変更は瞬時に行われるのではなく、古い値から新しい値にアニメーション化されます。

切り替えアニメーションには時間がかかりますが、実際のプロパティ値への変更は瞬時に行われます。 たとえば、コードからプロパティを変更してから読み戻すと、プロパティの変更の視覚効果が新しい値と古い値の間にある場合でも、新しい値が表示されます。

最初の変更がまだアニメーション化されている間にプロパティ値が 2 回目に変更された場合、アニメーションは現在アニメーション化されている値を次のアニメーションの "開始" 値として使用し、新しい "最終" 値にアニメーション化します。 期間はリセットされます。

こちらもご覧ください

• BrushTransition
• Background