共用方式為


UIElement.Transitions 屬性

定義

取得或設定套用至UIElementTransition樣式專案集合。

public:
 property TransitionCollection ^ Transitions { TransitionCollection ^ get(); void set(TransitionCollection ^ value); };
TransitionCollection Transitions();

void Transitions(TransitionCollection value);
public TransitionCollection Transitions { get; set; }
var transitionCollection = uIElement.transitions;
uIElement.transitions = transitionCollection;
Public Property Transitions As TransitionCollection
<uielement>
  <uielement.Transitions>
    <TransitionCollection>
      oneOrMoreTransitions
    </TransitionCollection>
  </uielement.Transitions>
</uielement>

屬性值

套用至UIElementTransition樣式專案的強型別集合。

範例

提示

如需詳細資訊、設計指引和程式碼範例,請參閱 動作

如果您已安裝 WinUI 2 資源庫 應用程式,請按一下這裡開啟應用程式,並查看 作用中的隱含轉換主題轉換

這個 XAML 範例會顯示單一的 EntranceThemeTransition,如ButtonStyle中所定義。 轉換動畫屬性通常會以樣式和範本設定,而不是直接在 UI 定義中設定為屬性。 樣式通常會儲存為 XAML 資源。

<Grid Background="{StaticResource ApplicationPageBackgroundBrush}">
    <Grid.Resources>
        <Style x:Key="DefaultButtonStyle" TargetType="Button">
            <Setter Property="Transitions">
                <Setter.Value>
                    <TransitionCollection>
                        <EntranceThemeTransition/>
                    </TransitionCollection>
                </Setter.Value>
            </Setter>
        </Style>
    </Grid.Resources>

    <Button Style="{StaticResource DefaultButtonStyle}" 
            Content="EntranceThemeTransition style applied" />

</Grid>

備註

注意

在Windows 10 版本 1809 (SDK 17763) 之前,具有TransitionCollection值之屬性的 XAML 語法會要求您將明確的TransitionCollection物件專案宣告為值,然後針對您想要使用的每個轉換動畫,提供物件元素作為TransitionCollection的子項目。 在 Windows 10 版本 1809 (SDK 17763) 或更新版本中,TransitionCollection支援隱含集合使用方式,因此您可以省略集合物件專案。 如需隱含集合和 XAML 的詳細資訊,請參閱 XAML 語法指南

這是轉換的一些可能類型簡短清單:

衍生自 UIElement 的特定類別有時會有自己的屬性,可保存類別特定案例的其他類型的轉換。 例如, Popup.ChildTransitionsItemsControl.ItemContainerTransitions

轉換動畫在應用程式的 UI 設計中扮演特定角色。 基本概念是當有變更或轉換時,動畫會將使用者的注意力吸引到變更。

直接在應用程式 UI 的直接元素上設定 Transitions 屬性的值並不常見。 轉換集合是視覺狀態、範本或樣式的一部分比較常見。 在此情況下,您會使用StyleSetter之類的機制來指定 Transitions 屬性,並使用通常儲存為 XAML 資源的 XAML 定義內容來設定值。

VisualTransition 不是您在 UIElement.Transitions 集合中放置的類型之一。 VisualTransition 特別適用于視覺狀態群組中的動畫,而且由 VisualStateGroup.Transitions 屬性使用。

適用於

另請參閱