Kompozisyon animasyonları

Microsoft.UI.Composition API'leri, birleştirilmiş bir API katmanında kompozitör nesneler oluşturmanızı, animasyon eklemenizi, dönüştürmenizi ve yönetmenizi sağlar. Oluşturma animasyonları, WinUI uygulama kullanıcı arabiriminizde animasyonları çalıştırmak için güçlü ve verimli bir yol sağlar. Animasyonlarınızın kullanıcı arabirimi yazışmasından bağımsız olarak 60 FPS'de çalışmasını sağlamak ve animasyonları yönlendirmek için yalnızca zamanı değil giriş ve diğer özellikleri kullanarak harika deneyimler oluşturma esnekliği sağlamak için sıfırdan tasarlanmıştır.

Windows'ta hareket

Hareket tasarımını film gibi düşün. Sorunsuz geçişler hikayeye odaklanmanızı ve deneyimleri hayata geçirmenizi sağlar. Bu hissi tasarımlarımıza davet edebiliriz, sinematik kolaylıkla bir görevden diğerine önderlik edebiliriz. Hareket genellikle Kullanıcı Arabirimi ile Kullanıcı Deneyimi arasındaki fark edici faktördür.

Windows KULLANıCı Arabirimi Platformu'nun temel yapı taşı olan CompositionAnimations, uygulamanızın kullanıcı arabiriminde hareket deneyimleri oluşturmak için güçlü ve verimli bir yol sağlar. Animasyon motoru, hareketinizin kullanıcı arabirimi yazışmasından bağımsız olarak 60 FPS'de çalıştığından emin olmak için sıfırdan tasarlanmıştır. Bu animasyonlar zamana, girişe ve diğer özelliklere göre yenilikçi hareket deneyimleri oluşturma esnekliği sağlamak için tasarlanmıştır.

Hareket örnekleri

Bir uygulamadaki hareket örnekleri aşağıda verilmiştir.

Burada bir uygulama, bir öğenin görüntüsünü bir sonraki sayfanın üst bilgisinin parçası olacak şekilde kademeli olarak bağlı animasyonla canlandırır. Bu etki, geçiş boyunca kullanıcı bağlamını korumaya yardımcı olur.

Burada görsel bir parallax efekti, kullanıcı arabirimi kaydırıldığında veya panoramik hareketle farklı nesneleri farklı hızlarda hareket ettirerek derinlik, perspektif ve hareket hissi oluşturur.

Hareket oluşturmak için CompositionAnimations kullanma

Geliştiriciler, kullanıcı arabiriminde hareket oluşturmak için XAML veya Görsel Katman'daki animasyonlara erişebilir. Görsel Katmandaki animasyonlar geliştiricilere bir dizi avantaj sağlar:

• Performans – Geleneksel UI İş Parçacığına bağlı animasyon yerine, Windows UI platformundaki animasyonlar 60 FPS'de bağımsız bir iş parçacığı üzerinde çalışır ve sorunsuz hareket deneyimleri sağlar.
• Şablon Oluşturma Modeli – Windows kullanıcı arabirimi katmanındaki animasyonlar şablonlardır, yani birden çok nesne üzerinde tek bir animasyon kullanabilir ve önceki kullanımları engelleme endişesi olmadan özellikleri veya parametreleri ayarlayabilir.
• Özelleştirme – Windows kullanıcı arabirimi katmanı yalnızca güzel kullanıcı arabirimi oluşturmayı kolaylaştırmakla kalmaz, aynı zamanda çok çeşitli animasyon türleriyle de özelleştirme gradyanıyla yeni ve şaşırtıcı deneyimler oluşturmayı mümkün kılar

Windows kullanıcı arabirimi katmanında deneyimler oluşturan bir geliştirici olarak, tasarımlarınızı hayata geçirmek için çeşitli animasyon kavramlarına erişebilirsiniz. Herhangi bir CompositionObject özelliğinin veya alt kanal bileşeninin (uygun olduğunda) animasyonunu oluşturmak için bu kavramlardan herhangi birini kullanabilirsiniz.

Uyarı

CompositionObject'in her özelliği animasyona uygun değildir. Her bir CompositionObject belgesine bakarak bir özelliğin animasyona uygun olup olmadığını belirleyin.

Uyarı

Alt kanal terimi, bir özelliğin bileşen biçimine başvurur. Örneğin, Vector3 Offset özelliğinin X veya XY alt kanalı.

Animasyon kavramı	Açıklama
KeyFrameAnimations ile zamana dayalı hareket	KeyFrameAnimations, belirli bir süre boyunca bir hareket deneyiminin tamamını doğrudan denetlemek için kullanılır. Bir hareketin başlangıcını, sonunu, aralarındaki ilişkilendirmeyi ve süreyi geleneksel anahtar çerçeveli biçimde açıklayan geliştiriciler.
ExpressionAnimations ile göreli hareket	ExpressionAnimations, bir nesnenin özelliğinin hareketinin başka bir nesnenin özelliğine göre nasıl yönlendirilmesi gerektiğini açıklamak için kullanılır. Geliştiriciler, başvuru tabanlı ilişkiyi tanımlayan bir matematiksel denklem tanımlar.
GizliAnimasyonlar	Bu animasyonlar tetikleyici tabanlıdır ve çekirdek uygulama mantığından ayrı olarak tanımlanır. ImplicitAnimations, doğrudan özellik değişikliklerine yanıt olarak animasyonların nasıl ve ne zaman gerçekleştiğini açıklamak için kullanılır.
Giriş Animasyonları ile giriş tabanlı hareket	Giriş Animasyonları, geliştiricilerin dokunma veya diğer giriş yöntemleri aracılığıyla işleme tabanlı hareketi tanımlamasını sağlayan bir dizi senaryo içerir. Bu animasyonlar etkin kullanıcı girişlerine veya hareketlerine göre yönlendirilir.
NaturalMotionAnimations ile fizik tabanlı hareket	NaturalMotionAnimations, gerçek dünya zorlamalı hareket temelinde doğal ve tanıdık hareket deneyimlerini tanımlamak için kullanılır. Geliştiriciler, zamanı tanımlamak yerine hareketin özelliklerini tanımlar (örneğin Yaylar için sönüm oranı)