Duyarlı tasarım yönergeleri

Esnek tuval uygulamaları, sabit bir tuvali ölçeklendirmek yerine düzenlerini ve gezintilerini kullanılabilir görünüm penceresine uyarlar. Uygulamanın desteklenen her pencere boyutu, cihaz yönlendirmesi, yakınlaştırma düzeyi ve giriş modunda kullanılabilir durumda kalması için duyarlı davranışı kasıtlı olarak tasarlar.

Aşağıdaki yönergelerin her biri, tuval uygulamanızın cihazın ekran boyutuna veya yönlendirmesine bakılmaksızın en iyi kullanıcı deneyimini sağlamayı hedeflemektedir. Bu yönergeler, modern uygulama geliştirmenin en kritik yönlerinden birini ele alır. Bu yönergeler, Power Apps'in erişilebilirliğini ve kullanıcı etkileşimini artırmak isteyen geliştiriciler için oldukça önemlidir.

Ekran boyutlarına uyarlama

Tuval uygulamaları, düzenlerini ve arabirimlerini cihazın ekran boyutuna göre otomatik olarak ayarlayacak şekilde tasarlanmalıdır. Bu duyarlılık, uygulamanın akıllı telefonlardan masaüstü bilgisayarlara kadar çeşitli cihazlarda işlevsel ve görsel olarak ilgi çekici olmasını sağlar.

Otomatik yerleşim kapsayıcılarını kullanın

Hızlı yanıt veren bir ekran için birincil yapı olarak yatay ve dikey otomatik düzen kapsayıcılarını kullanın. Bu kapsayıcılar, uygulama bileşenlerini dinamik olarak düzenleyip hizalayarak ekran boyutlarındaki değişikliklere etkili bir şekilde yanıt vermelerini sağlar.

Sığdıracak Şekilde Ölçeklendir'i devre dışı bırakın ve en boy oranını ve yönlendirmeyi yönetin

Uygulamanın gerçek anlamda duyarlı olmasını sağlamak için Sığdıracak Şekilde Ölçeklendir ayarını kapatın. Bu ayar ölçeklendirmeyi engeller ve çeşitli ekran boyutlarına doğal düzen uyarlamasını teşvik eder. Ayrıca en boy oranını ve Yönlendirmeyi Kilitle ayarlarını da yapın. Bu ayarlamalar, uygulamanın düzeninin farklı ekran boyutlarına ve yönlendirmelerine etkili bir şekilde yanıt vermesini sağlar. Uygulama, cihazın dikey veya yatay modda olmasına bakılmaksızın tutarlı ve işlevsel bir arabirim tutar.

Duyarlı düzenler kullanma

Çeşitli cihazlarda farklı kullanıcı deneyimleri sunan bölünmüş ekran ve kenar çubuğu gibi düzen tasarımlarını kullanın. Bu uyarlanabilirlik, uygulamanın işlevselliğini artırarak her tür cihazın kullanıcısı için daha sezgisel hale getirir.

Dinamik düzen için formülleri kullanma

Konumlandırma ve boyutlandırma denetimleri için sabit koordinatlar yerine formüller kullanın. Bu yaklaşım, dinamik, duyarlı bir düzen için ekran boyutlarındaki değişikliklere uyum sağlamalarını sağlar.

Çeşitli cihazlar için planlama

Etkili duyarlı tasarım, uygulamanın farklı cihazlarda nasıl görüneceğini ve çalışacağını öngörmektir. Bu tahmin, alanı iyileştirmek ve kullanılabilirliği korumak için öğeleri yeniden boyutlandırma veya tamamen daha küçük ekranlarda gizleme hakkında kararlar içerir.

Pratik uygulama

Duyarlı olmayan bir tuval uygulamasının duyarlı bir uygulamaya dönüştürülmesi, sistematik bir yaklaşım gerektirir. Bu yaklaşım, yanıt verme ayarlarının ayarlanmasını ve uygulamadaki öğelerin farklı ekran boyutlarına uyarlanmasını sağlamak için kapsayıcı özelliklerini dikkatli bir şekilde yapılandırmayı içerir.

Kaynaklar

Sonraki adım

Kod okunabilirliği

  • Last updated on