UIElement.Transitions Properti

Definisi

Mendapatkan atau mengatur kumpulan elemen gaya Transisi yang berlaku untuk UIElement.

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>

Nilai Properti

Koleksi elemen gaya Transisi yang sangat ditik yang berlaku untuk UIElement.

Contoh

Tip

Untuk informasi selengkapnya, panduan desain, dan contoh kode, lihat Gerakan.

Jika Anda telah menginstal aplikasi WinUI 2 Gallery , klik di sini untuk membuka aplikasi dan lihat Transisi Implisit dan Transisi Tema yang sedang berjalan.

Contoh XAML ini menunjukkan satu EntranceThemeTransition seperti yang didefinisikan dalam Gaya untuk Tombol. Properti animasi transisi biasanya diatur dalam gaya dan templat daripada sebagai properti langsung dalam definisi UI. Gaya biasanya disimpan sebagai sumber daya 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>

Keterangan

Catatan

Sebelum Windows 10, versi 1809 (SDK 17763), sintaks XAML untuk properti yang memiliki nilai TransionCollection mengharuskan Anda menyatakan elemen objek TransitionCollection eksplisit sebagai nilai, lalu menyediakan elemen objek sebagai elemen turunan TransionCollection untuk setiap animasi transisi yang ingin Anda gunakan. Dalam Windows 10, versi 1809 (SDK 17763) atau yang lebih baru, TransionCollection mendukung penggunaan koleksi implisit, sehingga Anda dapat menghilangkan elemen objek koleksi. Untuk informasi selengkapnya tentang koleksi implisit dan XAML, lihat panduan sintaks XAML.

Ini adalah daftar singkat dari beberapa jenis yang mungkin untuk transisi:

Kelas tertentu yang berasal dari UIElement terkadang memiliki propertinya sendiri yang menyimpan jenis transisi lain untuk skenario khusus kelas. Misalnya, Popup.ChildTransitions dan ItemsControl.ItemContainerTransitions.

Animasi transisi memainkan peran tertentu dalam desain UI aplikasi Anda. Ide dasarnya adalah bahwa ketika ada perubahan atau transisi, animasi menarik perhatian pengguna ke perubahan.

Tidak umum untuk mengatur nilai properti Transisi langsung pada UIElement yang merupakan elemen langsung UI aplikasi. Lebih umum untuk memiliki koleksi transisi menjadi bagian dari status visual, templat, atau gaya. Dalam hal ini Anda menggunakan mekanisme seperti Settergaya untuk menentukan properti Transisi, dan mengatur nilai menggunakan konten yang ditentukan XAML yang biasanya disimpan sebagai sumber daya XAML.

VisualTransition bukan salah satu jenis yang Anda masukkan ke dalam koleksi UIElement.Transitions. VisualTransition khusus untuk animasi dalam grup status visual, dan digunakan oleh properti VisualStateGroup.Transitions .

Berlaku untuk

Lihat juga