Panel.BackgroundTransition 屬性

定義

命名空間:

Windows.UI.Xaml.Controls

取得或設定 BrushTransition 的實例，以自動建立 Background 屬性變更的動畫效果。

BrushTransition BackgroundTransition();

void BackgroundTransition(BrushTransition value);

public BrushTransition BackgroundTransition { get; set; }

var brushTransition = panel.backgroundTransition;
panel.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 引進)

範例

此範例示範如何將背景轉換套用至 Grid。 每次更新時 GridBackground ，背景都會以動畫顯示從舊筆刷到新的筆刷。

<Grid Background="{x:Bind GridBackground}">
    <Grid.BackgroundTransition>
        <BrushTransition />
    </Grid.BackgroundTransition>
</Grid>

備註

使用此屬性以動畫顯示 Background 屬性的任何變更。 從程式碼或透過資料系結設定新值時，變更會以動畫方式從舊值變更為新值，而不是立即發生。

即使轉換動畫需要時間，實際屬性值的變更仍會立即完成。 例如，如果您從程式碼變更屬性，然後再讀回它，您就會看到新的值，即使屬性變更的視覺效果是在新的和舊的之間。

如果在第一次變更仍在動畫時第二次變更屬性值，動畫將會使用目前動畫值做為下一個動畫的「開始」值，然後以動畫顯示到新的「最終」值。 將會重設持續時間。

另請參閱

• BrushTransition
• Background