Uygulama widget'larına genel bakış

Widget'lar, ana ekranı özelleştirmenin temel unsurlarından biridir. Örneğin, onları “bir bakışta” Uygulamanın en önemli verilerinin ve işlevlerinin görünümleri doğrudan kullanıcının ana ekranından erişilebilir. Kullanıcılar widget'ları ana ekran panelleri arasında taşıyabilir ve destekleniyorsa widget'daki bilgi miktarını tercihlerine göre ayarlamak için widget'ları yeniden boyutlandırabilir.

Bu dokümanda, oluşturabileceğiniz farklı widget türleri tanıtılmaktadır. benimsetmemiz gerekiyor. Uzak Görüntüleme API'lerini ve XML düzenlerini kullanarak uygulama widget'ı oluşturmak için Basit bir widget oluşturma başlıklı makaleyi inceleyin. Alıcı: Kotlin ve Compose stil API'lerini kullanarak widget oluşturmak için bkz. Jetpack Glance'ı keşfedin.

Widget türleri

Widget'ınızı planlarken ne tür bir widget oluşturmak istediğinizi düşünün. Widget'lar genellikle aşağıdaki kategorilerden birine girer:

Bilgi widget'ları

Tokyo'nun çok bulutlu, 14 derece ve 16:00-19:00 arasında beklenen sıcaklık değerini gösteren örnek hava durumu widget'ı
Şekil 1. Bir hava durumu uygulamasından bilgi widget'ı.

Bilgi widget'ları genellikle önemli bilgi öğelerini gösterir ve bu bilgilerin zaman içinde nasıl değiştiğini izler. Bilgi widget'larına örnek olarak hava durumu verilebilir. widget'lar, saat widget'ları veya maç skoru izleme widget'ları. Temassız ödeme bilgileri widget'lar genellikle ilişkili uygulamayı başlatır ve uygulamanın ayrıntılı görünümünü widget bilgileri.

Koleksiyon widget'ları

Koleksiyon widget'ları, aynı türden birden fazla öğeyi (ör. bir galeri uygulamasındaki resim koleksiyonu, bir haber uygulamasındaki makale koleksiyonu veya bir iletişim uygulamasındaki e-posta ya da mesaj koleksiyonu) görüntüleme konusunda uzmandır. Koleksiyon widget'ları dikey olarak kaydırılabilir.

Koleksiyon widget'ları genellikle aşağıdaki kullanım alanlarına odaklanır:

  • Koleksiyona göz atabilirsiniz.
  • Koleksiyondaki bir öğeyi, ilişkili uygulamada ayrıntılı görünümünde açma.
  • Android 12'de (API düzeyi 31) karma düğmeler için destek sunarak öğelerle etkileşim kurma (ör. öğeleri tamamlandı olarak işaretleme).

Widget'ları kontrol etme

'Işık listesi' adlı bir uygulama için açma/kapatma anahtarları gösteriliyor
            'Yatak odası' şeklinde etiketlenmişti. "Mutfak" ve "Oturma odası", ilk ikisiyle
            açma/kapatma anahtarları kapalı
Şekil 4. Denetim widget'ı örneği.

Denetim widget'ının asıl amacı sık kullanılan işlevleri göstermektir. kullanıcının söz konusu sekmeleri veya içerikleri açmak zorunda kalmadan, uygulamasını indirin. Bunları bir uygulamanın uzaktan kumandası olarak düşünebilirsiniz. Örnek olarak kontrol widget'ı kullanıcıların evdeki ışıkları çevirmesini sağlayan bir ev kontrolü widget'ıdır etkinleştirebilir veya devre dışı bırakabilirsiniz.

Bir kontrol widget'ıyla etkileşimde bulunduğunuzda, uygulamasını indirin. Bu, denetim widget'ının işlevinin veri çıkış yapıp yapmadığına bağlıdır, örneğin bir arama widget'ında görebilirsiniz.

Karma widget'lar

"Beğenme" düğmelerini gösteren genel bir müzik uygulaması
            "azaltın." geri, oynatma/duraklatma, ileri ve 'beğenme'. Sanatçı ve parça sırasıyla "Sanatçı" ve "Örnek müzik" olarak listelenir.
Şekil 5. Müzik uygulaması widget'ı örneği.

Bazı widget'lar, yukarıdaki türlerden birini temsil ederken bölümlerin (bilgi, toplama veya kontrol) çoğu widget'ın Farklı tür öğeleri birleştiren karmalar. Örneğin, bir müzik çalar widget, temel olarak bir kontrol widget'ıdır ancak kullanıcıya hangi parçanın bir bilgi widget'ı gibi oynatılabilir.

Widget'ınızı planlarken temel türlerinden birini temel alın ve öğeler ekleyin diğer türlerde de kullanabilirsiniz.

Widget'ları Google Asistan'la entegre etme

Google Asistan, kullanıcıya yanıt olarak her türlü widget'ı gösterebilir. sesli komutlar. Widget'larınızı yapılandırarak Uygulama İşlemler: gibi Asistan yüzeylerinde hızlı yanıtlar ve etkileşimli uygulama deneyimleri alabilirsiniz. Android ve Android Otomatik. Asistan için widget karşılama hakkında daha fazla bilgi için Uygulama İşlemlerini Entegre Etme başlıklı makaleyi inceleyin. Android ile widget'ları hakkında daha fazla bilgi edinin.

Widget sınırlamaları

Widget'lar "mini uygulamalar" olarak anlaşılsa da bazı sınırlamalar vardır bilmeniz gerekir.

Hareketler

Widget'lar ana ekranda bulunduğundan, buradaki gezinme menüsüyle birlikte var olmalıdır. Bu işlem, tam ekran uygulamaya kıyasla widget'ta kullanılabilen özellikler. Uygulamalar, kullanıcılara Ekranlar arasında yatay olarak geziniyorsanız, bu hareket ana sayfada zaten alınmış farklı ekran seçenekleri sunar.

Widget'lar için yalnızca dokunma ve dikey kaydırma hareketleri kullanılabilir.

Öğeler

Widget'larda kullanılabilen hareketlerle ilgili sınırlamalar dikkate alındığında, bazı kullanıcı arayüzü yapı taşları Kısıtlanmış hareketlere dayalı reklamlar widget'lar için kullanılamaz. Eksiksiz bir desteklenen yapı taşlarının listesi ve düzen kısıtlamaları hakkında Widget düzenini oluşturma ve Esnek widget sağlama konularını inceleyin. düzenler.

Tasarım yönergeleri

Widget içeriği

Widget'lar, "reklam" yayınlayarak kullanıcıları uygulamanıza çekmenin harika bir yoludur yeni ve uygulamanızda bulunan ilgi çekici içerikler.

Bir gazetenin ön sayfasındaki tanıtım metinleri gibi widget'lar da uygulamanın bilgilerini bir araya getirir ve yoğunlaştırır, ayrıca uygulamadaki daha zengin ayrıntılara bağlantı sağlar. Widget'ı bilgi "atıştırmalığı", uygulamayı ise "yemek" olarak düşünebilirsiniz. Uygulamanızın, bir bilgi öğesi hakkında widget'ın gösterdiğinden daha fazla ayrıntı gösterdiğinden emin olun.

Widget'ınızın, bilgi içeriğinin yanı sıra uygulamanızın sık kullanılan alanlarına yönelik gezinme bağlantıları sağlamasını sağlayabilirsiniz. Bu sayede kullanıcılar görevleri daha hızlı tamamlayabilir ve uygulamanın işlevsel erişimi ana ekrana genişletilebilir.

Widget'lardaki gezinme bağlantıları için iyi adaylar:

  • Üretken işlevler: Kullanıcının bir uygulama için yeni içerikler (ör. yeni bir doküman veya yeni bir mesaj) oluşturmasına olanak tanıyan işlevlerdir.

  • Uygulamayı üst düzeyde açma: Genellikle bir bilgi öğesine dokunma Kullanıcıyı daha düşük düzeyli bir ayrıntı ekranına yönlendirir. Şuraya erişim sağlama: uygulamanızın üst düzeyi daha fazla gezinme esnekliği sağlar ve kullanıcıların başka bir uygulamaya gitmek için kullanacağı özel bir uygulama kısayolunu uygulamasını sağlayabilirsiniz. Bu işlev için uygulama simgenizi kullanma Ayrıca, verilerini görmeye alışkın olduğunuz veriler widget'ınıza belirsizdir.

Widget yeniden boyutlandırma

Standart Google Saat widget'ı
Şekil 6. Standart Google Saat widget'ı.

Dokunma ve yeniden boyutlandırılabilir bir widget'ı basılı tutup kaldırdığınızda widget kullanabilirsiniz. Kullanıcılar, kaydırma yerlerini veya widget köşelerini kullanarak tercih edilen boyut.

Yeniden boyutlandırma, kullanıcıların ana ekran yerleşim ızgarasının sınırlamalarını hesaba katar. Widget'ınızın serbestçe yeniden boyutlandırılıp boyutlandırılamayacağına veya yatay ya da dikey boyut değişiklikleriyle sınırlanıp sınırlanamayacağına karar verebilirsiniz. Widget'ınız doğası gereği yeniden boyutlandırmayı desteklemiyorsa sabit boyutludur.

Kullanıcıların widget'ları yeniden boyutlandırmasına izin vermek önemli avantajlar sağlar:

  • Her widget'ta görmek istedikleri bilgi miktarını hassaslaştırabilirler.
  • Ana ekranlarındaki widget'ların ve kısayolların düzenini daha iyi etkileyebilirler kullanabilirsiniz.

Widget'ınız için, kullandığınız widget'ın türüne göre bir yeniden boyutlandırma stratejisi planlayın. oluşturuyoruz. Liste veya ızgara tabanlı koleksiyon widget'ları genellikle basittir. Bunun nedeni, widget'ın yeniden boyutlandırılması durumunda dikey kaydırma alanının genişlemesi veya daralmasıdır. Widget'ın boyutundan bağımsız olarak kullanıcı tüm bilgileri kaydırmaya devam edebilir öğeleri görünüm içine alır.

Bilgi widget'ları daha fazla uygulamalı planlama gerektirir çünkü tüm içeriğin belirli bir boyuta sığması gerekir. Bu işlemleri yaparken widget'ınızın içeriğini ve düzenini kullanıcının yeniden boyutlandırma işlemi.

Aşağıdaki örnekte, kullanıcı bir hava durumu widget'ını üç dakikada yeniden boyutlandırabilir mevcut konumdaki hava durumuyla ilgili daha zengin bilgiler açığa çıkarır. büyür.

En küçük 3x2 ızgara boyutunda örnek hava durumu widget'ı. Konum adını (Tokyo), sıcaklığı (14°) ve kısmen bulutlu hava durumunu gösteren simgeyi gösterir.
Şekil 7. 3x2 ızgara "küçük" ızgarada örnek hava durumu widget'ı seçin.


5x2 "orta" boyutta hava durumu widget'ı boyutu, tüm boyutları,
            3x2 ızgara boyutundan kullanıcı arayüzü ve "çok bulutlu" etiketi ve
            16:00 ile 19:00 arası sıcaklık tahminleri
Şekil 8. 5x2 ızgara "orta" boyutlu hava durumu widget'ı örneği.


3x2 ve 5x2 ızgara boyutlarındaki kullanıcı arayüzünün tamamının yanı sıra Salı ile Cuma arasındaki hava durumu tahminini içeren 5x4 "büyük" boyutlu örnek hava durumu widget'ı
Şekil 9. 5x4 "büyük" ızgarada örnek hava durumu widget'ı seçin.

Her widget boyutu için uygulamanızın bilgilerinin ne kadarının gösterileceğini belirleyin. Daha küçük boyutlarda temel bilgilere odaklanın ve widget yatay ve dikey olarak büyüdükçe bağlama dayalı bilgiler ekleyin.

Düzende dikkat edilmesi gereken noktalar

Widget'larınızı uygulamanızın boyutlarına göre düzenlemek yerleşim ızgarasını kullanarak yapabilirsiniz. Bu, başlangıçta yararlı bir yaklaşım olabilir ancak aşağıdaki noktaları göz önünde bulundurun:

  • Widget yeniden boyutlandırma stratejinizi değişken ızgara boyutları yerine "boyut grupları"na göre planlamak en güvenilir sonuçları almanızı sağlar.
  • Hücrelerin sayısı, boyutu ve aralığı cihazlar arasında farklılık gösterebilir. olanak tanır. Bu nedenle, widget'ınızın esnek olması ve beklenenden daha fazla veya daha az yer kaplayabildiğini belirtmeniz çok önemlidir.
  • Kullanıcı bir widget'ı yeniden boyutlandırdığında sistem, widget'ınız kendisini yeniden çizebilir.
  • Android 12'den itibaren daha rafine boyut sunabilirsiniz. özellikleri ve daha esnek düzenleri sağlar. Bunlardan bazıları:

Kullanıcılar tarafından widget yapılandırması

Bazen, widget'ın yararlı olabilmesi için kullanıcının widget'ı ayarlaması gerekir. Gelen kutusunun gösterilebilmesi için kullanıcının posta klasörünü seçmesi gereken bir e-posta widget'ını veya kullanıcının galeriden gösterilecek bir resim ataması gereken statik bir fotoğraf widget'ını düşünün. Android widget'ları, kullanıcı widget'ı ana ekrana bıraktığı anda yapılandırma seçeneklerini gösterir.

Widget tasarımı kontrol listesi

  • Widget'ınızda bir bakışta göz atılabilecek bilgilerin küçük bölümlerine odaklanın. Şurada genişlet: görüntüleyebilirsiniz.
  • Amacınız için doğru widget türünü seçin.
  • Widget'ınızın içeriğinin farklı boyutlara nasıl uyarlanacağını planlayın.
  • Widget düzeninizin yön ve cihazdan bağımsız olmasını sağlamak için düzen uzayabilir ve daralabilir.
  • Widget'ınız için ek yapılandırma gerekip gerekmediğini değerlendirin.