Uygulama tasarımı yönergeleri

Modern denetimler

Tuval uygulamalarındaki modern denetimler, Microsoft ekosisteminde kullanıcı arabirimlerinin geliştirilip tasarlanmasında önemli bir ilerlemeyi temsil eder. Microsoft'un Fluent Design System yaklaşımını temel alan bu denetimler hızlı, performans odaklı ve erişilebilir bir kullanıcı deneyimi sunarken tema oluşturma özellikleriyle sorunsuz tümleştirme sağlamak üzere tasarlanmıştır. Sekme listeleri, ilerleme çubukları, bilgi düğmeleri, çarklar ve daha fazlasını içeren bu denetimlerin sunulması, daha sezgisel, duyarlı ve görsel olarak ilgi çekici uygulamalar oluşturmaya yönelik stratejik bir değişimi vurgular. Geliştiriciler bu modern denetimleri kullanarak, estetik açıdan hoş ve işlevsel açıdan zengin tasarımlara sahip kapsamlı kullanıcı arabirimi öğelerini kolayca uygulayabilir ve genel kullanıcı etkileşimini ve memnuniyetini artırabilir.

Bu denetimlerin temaları göz önünde bulunduran özgün tasarımı, uygulamalar arasında birleşik ve tutarlı bir görünüm sağlayarak uygulamaları özelleştirip markalamak için gereken çabayı önemli ölçüde azaltır. Tüm denetim stillerinin belirlenen temaya göre otomatik olarak güncelleştirilebilmesi, tasarım sürecini basitleştirir ve uygulamaların görsel olarak tutarlı olmasını sağlar. Ayrıca yüksek kaliteli dijital deneyimler sunarken marka tutarlılığını korumak isteyen modern işletmelerin gereksinimlerine mükemmel uyum sağlar. Modern denetimler, erişilebilirlik ve performansı vurgulayarak, uygulamaların engelliler de dahil olmak üzere çok çeşitli hedef kitleler tarafından kullanılabilir olmasını sağlar ve kapsayıcı tasarım ilkeleriyle uyumludur. Bu nedenle, tuval uygulamalarındaki modern denetimler, kullanıcı arabirimi bileşenlerinden oluşan bir küme olmanın yanı sıra geliştiricilerin işletmelerin ve kullanıcıların değişen gereksinimlerini karşılayan daha verimli, sürdürülebilir, erişilebilir ve uyumlu uygulamalar oluşturmalarını sağlayan dönüştürücü bir araç setidir.

Önemli

Tuval uygulamalarındaki modern denetimlerin alt kümesi genel kullanıma sunulmuştur (GA). Daha geniş kapsamlı özellik seti önizleme aşamasındadır. Bu önizleme denetimlerini incelemeniz ve geri bildirimde bulunmanız önerilir. Ancak genel kullanıma sunulmadan önce özelliklerin ve işlevlerin geri bildirimleri ve testleri temel alarak geliştirilebileceğini unutmayın.

Form tasarımı ve yönergeler

Formunuzu düzenleme

• Formunuzu mantıksal bölümlere ayırın ve ilgili alanları birlikte gruplandırın.
• Formunuzu tek bir ekranda tutmayı hedefleyin. Form uzunsa birden çok ekrana, adıma veya sekmeye bölmeyi düşünün.
• Alan etiketleri için sade ve basit bir dil kullanın, yabancı terimlerden veya jargondan kaçının.
• Veri doğruluğunu sağlamak için doğrulama kuralları uygulayın. Zorunlu alanların gerekli olduklarını açıkça belirtin. E-posta adreslerini, telefon numaralarını ve diğer biçimleri gerektiği gibi doğrulayın.

Formları yeniden kullanma

• Yeni kayıtlar oluşturmak, mevcut kayıtları düzenlemek ve kayıtları salt görünür modunda görüntülemek için tek bir form kullanın.
• Aynı formun tekrar kullanılması, tutarlılığı sağlarken geliştirme ve bakım süresini azaltır.

Form modları

Form modunu kullanıcı eylemlerine göre dinamik olarak ayarlayın. Örneğin:

• Yeni bir kayıt oluştururken formu "Yeni" moduna ayarlayın.
• Mevcut bir kaydı düzenlerken formu "Düzenle" moduna ayarlayın.
• Bir kaydı görüntülerken formu "Görünüm" moduna ayarlayın.

Yerleşimi denetleme

• Farklı denetimleri (galeri, görüntüleme formu ve düzenleme formu gibi) ayırt edilebilir olmaları için ayrı ekranlara yerleştirin.
• Uyumlu bir kullanıcı deneyimi oluşturmak için bu denetimleri formüllerle birleştirin.

Kapsayıcılar

Tuval uygulaması daha fazla iş senaryosuna hitap edecek şekilde büyüdükçe denetimlerin sayısı da artmaya devam eder ve denetimleri gerçekleştirdikleri işleve göre düzenlemek gerekir. Bunu yapmanın kolay yolu, denetimleri birlikte seçmek ve grup halinde bir araya getirmektir. Ancak denetimleri gruplandırma işlemi her zaman önerilmez. Tuval uygulaması Container denetimi, bir dizi denetim içerebilir ve kendi özellikleri vardır.

Kapsayıcılar, kapsayıcının sol üst köşesine göre denetimleri ekleyebileceğiniz ve düzenleyebileceğiniz boş alanlar olarak işlev görür. Kapsayıcıları iç içe yerleştirme esnekliği, daha karmaşık düzenler oluşturmanıza ve tasarımda özgür olmanıza olanak tanır.

Kapsayıcılar, Width ve BorderColor gibi kendi özellikleri olan gerçek denetimlerdir. Kapsayıcılar, uygulama düzenini etkiler ve ekran okuyucu kullanıcıların uygulamanın yapısını anlamasına yardımcı olur.

Gruplara istediğiniz denetimi ekleyebilseniz de kapsayıcıya yalnızca mantıksal olarak ilgili denetimleri eklemeniz gerekir.

Power Apps'teki öğelerin gruplar kullanılarak düzenlenmesi, kullanıcıların paylaşılan özellikleri birden çok öğeye uygulamasına olanak tanır. Ancak bir grup içinde tek tek özellik değişiklikleri yapmak için el ile ayarlama yapmak gerekebilir. Ayrıca ekran okuyucular bunları tanıyamadığından erişilebilirlik nedenleriyle gruplar bir uygulamanın mantıksal yapısında varlık gösteremez. Ayrıca grupların iç içe yerleştirilmesi daha karmaşık düzenler oluşturmayı zorlaştırır.

Galeri tasarımı ve yönergeler

Galeri öğelerini galerinin içinden değiştirmekten kaçının

Bir galerinin Items özelliğini OnChange veya OnSelect gibi alt denetim olayları içinden değiştirmekten kaçının. Bu durum, özellikle değerleri değiştiğinde olayları tetikleyen belirli denetimlerle ilgilenirken beklenmedik davranışlara neden olabilir.

Değiştiğinde tetiklenen denetimlere dikkat edin

Galerilerde Combo box, Date picker, Slider veya Toggle gibi denetimleri kullanırken dikkatli olun. Bu denetimler OnChange olayını beklenmedik bir şekilde tetikleyerek sonsuz döngüler gibi olası sorunlara neden olabilir.

Düzeltme eki üzerinde performans etkisi

Bir galerideki öğelere düzeltme eki uygularken veya bu öğeleri güncelleştirirken özellikle de çok sayıda öğeyle ilgilenirken performans etkisine dikkat edin. Düzeltme eki uyulama işlemi yavaş olabilir ve galeri tüm öğeleri yeniden yükleyerek performansı etkileyebilir.

Sonsuz döngüleri dikkatle ele alın**

Galeri verilerinin değiştirilmesi sonsuz döngülere neden olan olayları tetikliyorsa döngüyü kırmak için verileri değiştiğinde OnChange olayını tetiklemeyen modern denetimler kullanmayı deneyin.

İç içe yerleştirilmiş galerilerden kaçının

İç içe yerleştirilmiş galeriler performans sorunlarına ve karmaşık veri bağlamaya neden olabilir.

Mümkün olduğunda galerileri iç içe yerleştirmekten kaçının. Bunun yerine veri yapınızı tasarlamaya ve işlevleri en iyi şekilde kullanmaya çalışın.

Esnek yüksekliğe sahip galeriler kullanın

Sabit yüksekliğe sahip galeriler, özellikle dinamik verilerle çalışırken içeriğin sınırlı düzeyde görünür olmasına neden olabilir.

Height özelliğini Parent.Height olarak veya verilerinizi temel alan dinamik bir değer olarak ayarlayarak esnek yüksekliğe sahip galeriler kullanın. Bu, galerinin yüksekliğini değişen veri miktarlarını barındıracak şekilde ayarlamayı sağlar.

Veri yükleme işlemini iyileştirin

Power Apps'te veri yükleme işlemini iyileştirirken veri kümesinin tamamını almak yerine bir galeride yalnızca gerekli sütunları getirip görüntülemek isteyebilirsiniz.

Bunu nasıl başarabileceğinize dair bir örneği burada bulabilirsiniz: Birden fazla sütuna sahip bir EmployeeData koleksiyonunuz olduğunu ve bir galeride yalnızca "Ad" ve "Bölüm" sütunlarını görüntülemek istediğinizi varsayalım.

// Collection named ProductSales with sample sales data

ClearCollect(ProductSales, 
    Table(
        { ProductName: "Phone", UnitPrice: 499.99, QuantitySold: 100 },
        { ProductName: "Laptop", UnitPrice: 999.99, QuantitySold: 50 },
        { ProductName: "Tablet", UnitPrice: 299.99, QuantitySold: 75 }
    )
)

// Bind the gallery to display only the "ProductName" and "QuantitySold" columns

Gallery1.Items = ShowColumns(ProductSales, ProductName, QuantitySold)

Galeri en iyi uygulamaları hakkında daha fazla bilgi edinin.

Yeniden kullanılabilir bileşenler oluşturma

Power Apps Component Framework (PCF) kullanarak özel kod bileşenleri oluşturma zamanı

Power Platform, Power Apps Component Framework (PCF) aracılığıyla yeniden kullanılabilir bileşenlerin oluşturulmasına olanak tanır. Ayrıntılı bilgileri burada bulabilirsiniz.

Power Apps'te PCF bileşenleri oluşturmayı deneyebileceğiniz senaryolar şunlardır:

Karmaşık kullanıcı arabirimi öğeleri

Standart Power Apps denetimlerinde kullanıma hazır olmayan karmaşık kullanıcı arabirimi öğeleri veya denetimleri oluşturmanız gerektiğinde.

Belirli gereksinimler için özel denetimler

Uygulamanızın kullanıma hazır denetimler tarafından karşılanmayan özel gereksinimleri olduğunda ve gereksinimlerinize göre uyarlanmış özel denetimler oluşturmanız gerektiğinde.

Uygulamalar arasında tutarlı kullanıcı deneyimi

Belirli işlevleri bir PCF bileşeni içinde kapsülleyerek birden çok Power Apps'te veya ortamda tutarlı bir kullanıcı deneyimi sağlamak istediğinizde.

Uygulamalar arasında yeniden kullanılabilirlik

Belirli bir işlev parçasını veya kullanıcı arabirimi öğesini birden çok uygulamada yeniden kullanmanız gerektiğini düşünüyorsanız bir PCF bileşeni oluşturarak bunları bir kez oluşturup yeniden kullanabilirsiniz.

Gelişmiş mantık uygulama

Power Apps'teki standart formül veya işlev özelliklerinden daha gelişmiş bir iş mantığı veya hesaplamalar uygulamanız gerektiğinde.

İyileştirilmiş kullanıcı deneyimi

Varsayılan denetimlerle elde edilemeyen görsel olarak ilgi çekici ve etkileşimli bileşenler oluşturarak genel kullanıcı deneyimini geliştirmeyi hedeflediğinizde.

Sonraki adım

Duyarlı tasarım yönergeleri