Widget'lara genel bakış

Windows Pencere Öğeleri, cihazda yüklü bir uygulamayla ilişkili metin ve grafikleri görüntüleyen küçük kullanıcı arabirimi kapsayıcılarıdır. Yüklü pencere öğeleri, pencere öğeleri panosunda bir kılavuzda görüntülenir: Kullanıcı görev çubuğundaki pencere öğeleri simgesine tıkladığında, Windows+W kısayolunu kullandığında veya ekranın sol kenarından kaydırıldığında Windows masaüstü üzerinde örtüşen bir kayan panel. Pencere öğeleri, kullandıkları uygulamalardan kişiselleştirilmiş içerikleri ve hızlı işlemleri toplayarak kişilerin kendileri için önemli olan şeyleri takip etmelerine yardımcı olur. Bunlar hızlı bir şekilde kullanılabilir ve eyleme dönüştürülebilir. Pencere öğeleri uygulamaların ve web sitelerinin yerini almak yerine, en çok ihtiyaç duyulan bilgilere veya insanların hemen okuyabileceği/tetikleyebileceği sık kullanılan işlevlere sorunsuz erişim sağlamak için tasarlanmamıştır. Araçlarınızı tasarlarken, tüketicilerinize getireceği katma değeri göz önünde bulundurun. 

Widget terminolojisi

Süre	Tanım
Pencere öğeleri barındırıcı	Windows pencere öğelerini görüntüleyen ve yöneten bir uygulama. Windows 11'e yerleşik Pencere Öğeleri Panosu bir widget ana bilgisayarıdır.
Widget Paneli	Pencere Öğeleri Panosu, kullanıcı görev çubuğundaki Pencere Öğeleri simgesine tıkladığında, Windows+W kısayolunu kullandığında veya ekranın sol kenarından çekildiğinde masaüstünde görüntülenen Windows 11 bir sistem bileşenidir. Widget Panosu, widget'ları görüntüler ve panodaki düzenlerini yönetir.
Widget	Bir uygulamadan içerik veya eylemler sunan küçük bir kullanıcı arabirimi kapsayıcısı. İçeriğini bir Adaptive Card ile tanımlayabilir veya bir URL'deki HTML içeriğini web widget sağlayıcısıyla görüntüleyebilirsiniz. Widget'lar, bir bakışta bilgi ve eylemler sağlar; daha ayrıntılı görevler için uygulamanıza bağlantılar sunar.
Pencere öğesi sağlayıcısı	Pencere öğesi sağlayıcısı, pencere öğesinde görüntülenecek içerik sağlayan Windows bir uygulamadır. Pencere öğesi sağlayıcısı, pencere öğesinin içeriğine, düzenine ve etkileşimli öğelerine sahip.

Important

Web widget’ları yalnızca Avrupa Ekonomik Alanı’ndaki (EEA) kullanıcılar tarafından kullanılabilir. HTML içeriğini seçmeden önce web pencere öğesi gereksinimlerini denetleyin.

Pencere öğesi tasarım kılavuzu

Uyarlamalı Kart pencere öğesi için görsel ve etkileşimli öğeleri Uyarlamalı Kartlar JSON şablonunda tanımlayın. kartı düzenlemek için Uyarlamalı Kartlar Tasarımcısı'nı kullanın, ardından Widgets Panosu'nda Windows'a özgü konak özelliklerini, boyutlarını, temalarını ve eylemlerini doğrulayın. Tasarımcının oluşturucusu ve ana bilgisayar seçenekleri, Windows'ta test yapmanın yerini tutmaz. Bir web widget'ı için, widget'ın boyut, tema ve etkileşim gereksinimlerine uygun HTML içeriğini tasarlayın; Uyarlamalı Kartlar Tasarımcısı bu HTML'yi düzenlemez.

Her iki oluşturma yaklaşımı da aşağıdaki pencere öğesi tasarım ilkelerine uygun olmalıdır. Web içeriği kurulumu, kaynak istekleri ve mesajlaşma için bkz. Web pencere öğesi sağlayıcıları.

Bir pencere öğesinin görsel öğelerinin üst düzey kılavuzu için bkz . Pencere öğesi durumları ve yerleşik kullanıcı arabirimi bileşenleri.

Widget ilkeleri

Harika Windows Pencere Öğeleri oluşturmak için pencere öğelerinizi tasarlarken ve geliştirirken aşağıdaki ilkeleri göz önünde bulundurun:

Hızlıca göz atılabilir

Bir pencere öğesi, kullanıcıya temel faydasını hemen sunmalıdır.

Odaklanmış ve Yararlı

Bir pencere öğesi tek, açık ve temel bir amaca hizmet etmelidir.

Tahmin Edilebilir ve Sakin

Pencere öğesinin davranışları ve desenleri, kullanıcıların görevleri tahmin edilebilir şekilde tamamlamalarına yardımcı olur.

Kullanıcıya Sabitlenmiş

Pencere öğesi kullanıcının gereksinimlerini, tercihlerini ve amaçlarını yansıtmalıdır. İçerik, kullanıcının kendi verilerine veya açıkça belirtilen ilgi alanlarına dayalı olmalıdır.

Zamanında

Bir pencere öğesi, ilgili bilgileri doğru zamanda ve doğru bağlamda göstermelidir.

Uygulamanızın pencere öğesi deneyimini planlama

1. Müşterilerinizi anlamanıza bağlı olarak, uygulamanızı veya web sitenizi açmadan kullanıcılarınızın hızlı erişim elde etmek için seveceği en önemli içeriği veya en yararlı eylemleri belirleyin. Pencere öğesi ilkeleri bölümünde numaralandırılmış ilkeleri göz önünde bulundurun ve bunların uygulamanıza nasıl uygulanabileceğini düşünün.
2. Uygulamanız birden çok pencere öğesini destekleyebilir. Her pencere öğesinin belirli bir amaca odaklanması için desteklemek istediğiniz ayrı pencere öğelerinin sayısını belirleyin.
3. Her pencere öğesi için eklemek istediğiniz içeriği belirleyin. Tek bir pencere öğesi üç farklı boyutu destekleyebilir; küçük, orta ve büyük. Her pencere öğesi için, kullanıcılara ve iş gereksinimlerinize en çok değer getiren içeriği düşünün. Küçükten büyüğe her boyut için pencere öğesinin amacı aynı kalmalı, ancak görüntülenen bilgi miktarı daha büyük boyutlarda genişletilmelidir. Pencere öğesi düzenini özelleştirirken kullanıcılara esneklik sağlamak için pencere öğesi sağlayıcılarının tüm pencere öğesi boyutlarını uygulaması önerilir.
4. Pencere öğesinizin destekleyeceği kullanıcı etkileşimlerini düşünün. Kullanıcılar pencere öğesi başlığına veya pencere öğesinde tanımladığınız tüm tıklama hedeflerine tıklayabilir. Bu etkileşimler, uygulamanızın veya web sitenizin derin bağlantı kısayollarını etkinleştirerek kullanıcıları doğrudan ilgilendikleri şeye götürerek uygulamanızın kökünden gezinmelerine gerek yoktur. Sunulan farklı gezinti modellerini göz önünde bulundurun.
5. Sağlayıcı uygulaması türünü ve içerik biçiminizi seçin. Paketlenmiş bir Win32 masaüstü uygulaması Uyarlamalı Kart içeriği sağlayabilir veya HTML görüntülemek için web pencere öğesi API'lerini kullanabilir. Aşamalı Web Uygulaması (PWA), web uygulaması manifestinde widget tanımlarını kullanır ve olayları bir service worker’da işler. İlgili uygulama yolu için bkz. Pencere öğesi sağlayıcıları, Web pencere öğesi sağlayıcıları veya PWA temelli pencere öğeleri oluşturma.

Bu bölümde

Pencere öğesi durumları ve kullanıcı arabirimi

Widget tasarımının temelleri

Widget etkileşim tasarımı

Uyarlamalı Kartlar Designer ile bir pencere öğesi şablonu oluşturun

Pencere öğesi seçici ile entegre edin

Ayrıca bakınız

• Geldir Windows Pencere Öğeleri