Masaüstü uygulamalarında Görsel katmanını kullanma

Artık WPF, Windows Forms ve C++ Win32 uygulamalarınızın genel görünümünü ve işlevselliğini geliştirmek ve yalnızca UWP aracılığıyla kullanılabilen en son Windows kullanıcı arabirimi özelliklerinden yararlanmak için UWP olmayan masaüstü uygulamalarında Windows Çalışma Zamanı API'leri kullanabilirsiniz.

Birçok senaryoda, uygulamanıza modern XAML denetimleri eklemek için XAML adalarını kullanabilirsiniz. Ancak, yerleşik denetimlerin ötesine giden özel deneyimler oluşturmanız gerektiğinde, Görsel katmanı API'lerine erişebilirsiniz.

Görsel katmanı grafikler, efektler ve animasyonlar için yüksek performanslı, korumalı mod API'sini sağlar. Bu, Windows cihazlarda kullanıcı arabiriminin temelini oluşturur. UWP XAML denetimleri Görsel katmanında oluşturulur ve Fluent Design System'in Light, Depth, Motion, Material ve Scale gibi birçok yönünü etkinleştirir.

Görsel katmanıyla oluşturulan bir kullanıcı arabirimini gösteren kısa video.

Görsel katmanıyla oluşturulan kullanıcı arabirimi

Herhangi bir Windows uygulamasında görsel olarak ilgi çekici bir kullanıcı arabirimi oluşturma

Görsel katmanı, özel çizilmiş içeriğin (görseller) basit bileşimini kullanarak ve uygulamanızdaki bu nesnelere güçlü animasyonlar, efektler ve işlemeler uygulayarak ilgi çekici deneyimler oluşturmanıza olanak tanır. Görsel katmanı mevcut ui çerçevelerinin yerini almaz; bunun yerine, bu çerçevelerin değerli bir ekidir.

Görsel katmanını kullanarak uygulamanıza benzersiz bir görünüm ve his verebilir ve bunu diğer uygulamalardan ayıran bir kimlik oluşturabilirsiniz. Ayrıca, uygulamalarınızın kullanımını kolaylaştırmak ve kullanıcılardan daha fazla etkileşim elde etmek için tasarlanmış Fluent Design ilkelerini etkinleştirir. Örneğin, ekrandaki öğeler arasındaki ilişkileri gösteren görsel ipuçları ve animasyonlu ekran geçişleri oluşturmak için bunu kullanabilirsiniz.

Görsel katman özellikleri

Fırçalar

Kompozisyon fırçaları , ui nesnelerini düz renkler, gradyanlar, görüntüler, videolar, karmaşık efektler ve daha fazlası ile boyamanıza olanak sağlar.

Malzeme Oluşturucu ile oluşturulan bir yumurta

Material Creator demo uygulamasıyla oluşturulan yumurta.

Etkiler

Kompozisyon efektleri ışık, gölge ve filtre efektlerinin listesini içerir. Bunlar animasyonlu, özelleştirilmiş ve zincirli olabilir, ardından doğrudan görsellere uygulanabilir. SceneLightingEffect, atmosfer, derinlik ve malzemeler oluşturmak için kompozisyon aydınlatma ile birleştirilebilir.

Işıklar ve malzeme

Windows UI Oluşturma örnek galerisinde gösterilen Işıklar ve malzeme.

Animasyonlar

Oluşturma animasyonları doğrudan oluşturma işleminde, kullanıcı arabirimi iş parçacığından bağımsız olarak çalıştırılır. Bu, düzgünlük ve ölçek sağlar, böylece çok sayıda eşzamanlı ve açık animasyon çalıştırabilirsiniz. Özellik değişikliklerini zaman içinde yönlendirmek için tanıdık KeyFrame animasyonlarına ek olarak, kullanıcı girişi de dahil olmak üzere farklı özellikler arasında matematik ilişkileri ayarlamak için ifadeleri kullanabilirsiniz. Giriş temelli animasyonlar, kullanıcı girişlerine dinamik ve akıcı bir şekilde yanıt veren ve kullanıcı etkileşiminin daha yüksek olmasına neden olabilecek bir kullanıcı arabirimi oluşturmanıza olanak tanır.

Görsel katmanıyla oluşturulan başka bir kullanıcı arabiriminin kısa videosu.

Windows UI Oluşturma örnek galerisinde hareket gösterilmektedir.

Mevcut kod tabanınızı koruyun ve artımlı olarak benimseyin

Mevcut uygulamalarınızdaki kod, kaybetmek istemediğiniz önemli bir yatırımı temsil eder. İçerik adalarını Görsel katmana taşırken, kullanıcı arabiriminin geri kalanını mevcut çerçevesinde tutabilirsiniz. Bu, mevcut kod tabanınızda kapsamlı değişiklikler yapmanıza gerek kalmadan uygulama kullanıcı arabiriminizde önemli güncelleştirmeler ve geliştirmeler yapabileceğiniz anlamına gelir.

Örnekler ve öğreticiler

Örneklerimizle denemeler yaparak uygulamalarınızda Görsel katmanını kullanmayı öğrenin. Bu örnekler ve öğreticiler, Görsel katmanını kullanmaya başlamanıza yardımcı olur ve özelliklerin nasıl çalıştığını gösterir.

Win32

Windows Forms

WPF

Limitations

Birçok Görsel Katman özelliği bir masaüstü uygulamasında barındırıldığında UWP uygulamasında olduğu gibi aynı şekilde çalışsa da bazı özelliklerin sınırlamaları vardır. Dikkat edilmesi gereken bazı sınırlamalar şunlardır:

  • Efekt zincirleri, etki açıklamaları için Win2D'ye dayanır. Win2D NuGet paketi masaüstü uygulamalarında desteklenmez, bu nedenle source kodundan yeniden derlemeniz gerekir.
  • Isabet testi yapabilmek için, görsel hiyerarşiyi kendiniz gezerek sınır hesaplamaları yapmanız gerekir. Bu, UWP'deki Görsel Katman ile aynıdır, ancak bu durumda isabet testi için kolayca bağlanabileceğiniz bir XAML öğesi yoktur.
  • Görsel Katmanında metin işlemeye yönelik bir temel öğe yoktur.
  • WPF ve Görsel Katman gibi iki farklı kullanıcı arabirimi teknolojisi birlikte kullanıldığında, her biri ekranda kendi piksellerini çizmekle sorumludur ve pikselleri paylaşamaz. Sonuç olarak, Görsel Katman içeriği her zaman diğer kullanıcı arabirimi içeriğinin üzerinde işlenir. (Bu, hava sahası sorunu olarak bilinir.) Görsel katmanı içeriğinizin konak kullanıcı arabirimiyle yeniden boyutlandırılmasını ve diğer içeriği engellememesini sağlamak için ek kodlama ve test yapmanız gerekebilir.
  • Bir masaüstü uygulamasında barındırılan içerik DPI için otomatik olarak yeniden boyutlandırılamaz veya ölçeklendirilemez. İçeriğinizin DPI değişikliklerini işlediğini güvence altına almak için ek adımlar gerekebilir. (Daha fazla bilgi için platforma özgü öğreticilere bakın.)

Ek kaynaklar

API referansı