Wskazówki dotyczące projektowania aplikacji

Nowoczesne kontrolki

Nowoczesne kontrolki w aplikacjach kanwy stanowią znaczący postęp w rozwoju i projektowaniu interfejsów użytkownika w ekosystemie Microsoft. Oparte na Fluent Design System firmy Microsoft, kontrolki te zostały zaprojektowane w celu zapewnienia szybkiego, zorientowanego na wydajność i dostępnego środowiska użytkownika, zapewniając jednocześnie płynną integrację z funkcjami tematycznymi. Wprowadzenie tych kontrolek, w tym listy zakładek, pasków postępu, przycisków informacji, kontrolki obrotowej i wiele innych, podkreśla strategiczną zmianę w kierunku tworzenia bardziej intuicyjnych, dynamicznych i wizualnie atrakcyjnych aplikacji. Korzystając z tych nowoczesnych kontrolek, deweloperzy mogą łatwo implementować zaawansowane elementy interfejsu użytkownika, które są zarówno estetycznie miłe, jak i funkcjonalne, zwiększając ogólne zaangażowanie użytkowników i zadowolenie.

Wbudowany projekt tych kontrolek, z uwzględnieniem motywów, pozwala na uzyskanie jednolitego i spójnego wyglądu w aplikacjach, co znacznie obniża wysiłek wymagany przy dostosowywaniu i brandingu aplikacji. Możliwość automatycznego aktualizowania stylów wszystkich kontrolek na podstawie motywu zestawu upraszcza proces projektowania i zapewnia, że aplikacje pozostają wizualnie spójne w całym. Jest to idealne dopasowanie do potrzeb nowoczesnych firm, które chcą utrzymać spójność marki, oferując jednocześnie wysokiej jakości doświadczenia cyfrowe. Nowoczesne kontrolki podkreślają również dostępność i wydajność, zapewniając, że aplikacje mogą być używane przez szeroką gamę odbiorców, w tym osób niepełnosprawnych, zgodnie z zasadami projektowania inkluzywnego. W związku z tym nowoczesne kontrolki w aplikacjach kanwy nie są tylko zestawem składników interfejsu użytkownika, ale transformacyjnym zestawem narzędzi, który umożliwia programistom tworzenie bardziej wydajnych, łatwych w utrzymaniu, dostępnych i spójnych aplikacji, które spełniają zmieniające się potrzeby zarówno firm, jak i użytkowników.

Projektowanie i wytyczne dotyczące formularzy

Organizowanie formularza

• Podziel formularz na sekcje logiczne i grupuj pola powiązane ze sobą.
• Staraj się zachować formularz na jednym ekranie. Jeśli jest on długi, rozważ podzielenie go na kilka ekranów, kroków lub zakładek.
• Używaj jasnego i prostego języka dla etykiet pól, unikając nieznanych terminów lub żargonu.
• Zaimplementuj reguły walidacji, aby zapewnić dokładność danych. W przypadku obowiązkowych pól wyraźnie wskazuje, że są one wymagane. W razie potrzeby zweryfikuj adresy e-mail, numery telefonów i inne formaty.

Ponowne używanie formularzy

• Użyj pojedynczego formularza do tworzenia nowych rekordów, edytowania istniejących rekordów i wyświetlania rekordów w trybie tylko do wyświetlania.
• Ponowne tworzenie tej samej formy skraca czas programowania i konserwacji przy jednoczesnym zapewnieniu spójności.

Tryby formularza

Ustaw tryb formularza dynamicznie na podstawie akcji użytkownika. Przykład:

• Podczas tworzenia nowego rekordu ustaw formularz na tryb "Nowy".
• Podczas edytowania istniejącego rekordu ustaw formularz na tryb "Edytuj".
• Podczas wyświetlania rekordu ustaw dla formularza tryb "Wyświetl".

Umieszczanie kontrolek

• Umieść różne kontrolki (takie jak galeria, formularz wyświetlania i formularz edycji) na oddzielnych ekranach, aby były one rozróżnialne.
• Połącz te kontrolki z formułami, aby utworzyć spójną obsługę użytkownika.

Containers

W miarę jak aplikacja Canvas rośnie w rozmiarze, aby obsłużyć więcej scenariuszy biznesowych, liczba kontrolek również rośnie, co powoduje konieczność organizacji kontrolek na podstawie wykonywanych przez nie funkcji. Jednym z prostych sposobów jest wybranie kontrolek razem i zgrupowanie ich w grupie. Jednak grupowanie kontrolek nie zawsze jest zalecane. Kontrolka aplikacji kanwy Container może przechowywać zestaw kontrolek i ma swoje własne właściwości.

Kontenery działają jako puste miejsca, w których można wstawiać i organizować kontrolki w odniesieniu do lewego górnego rogu kontenera. Kontenery można elastycznie zagnieżdżać, co pozwala na tworzenie bardziej złożonych układów i zapewnia swobodę projektowania.

Kontenery to rzeczywiste kontrolki z własnymi właściwościami, takimi jak Width i BorderColor. Kontenery wpływają na układ aplikacji i ułatwiają użytkownikom czytnika zawartości ekranu zrozumienie struktury aplikacji.

Chociaż można dodawać dowolne kontrolki w grupie, należy dodawać tylko logicznie powiązane kontrolki w kontenerze.

Organizowanie elementów w usłudze Power Apps przy użyciu grup umożliwia użytkownikom stosowanie właściwości udostępnionych do wielu elementów. Jednak wprowadzenie zmian poszczególnych właściwości w grupie może wymagać ręcznych korekt. Ponadto grupy nie mają obecności w logicznej strukturze aplikacji ze względów ułatwień dostępu, ponieważ czytniki zawartości ekranu nie mogą ich rozpoznać. Ponadto brak możliwości zagnieżdżania grup utrudnia tworzenie bardziej skomplikowanych układów.

Projektowanie i wskazówki dotyczące galerii

Unikaj zmieniania elementów galerii z wewnątrz

Unikaj modyfikowania właściwości Items galerii w zdarzeniach kontrolek podrzędnych, takich jak OnChange lub OnSelect. Może to prowadzić do nieoczekiwanego zachowania, zwłaszcza w przypadku niektórych kontrolek, które wyzwalają zdarzenia, gdy ich wartości się zmieniają.

Zachowaj ostrożność przy użyciu kontrolek aktywowanych przez OnChange

Zachowaj ostrożność podczas korzystania z kontrolek, takich jak pole Combo, selektor daty, suwak lub przełącznik w galeriach. Kontrolki te mogą nieoczekiwanie wyzwalać zdarzenie OnChange, prowadząc do potencjalnych problemów, takich jak nieskończone pętle.

Wpływ na wydajność stosowania poprawek

Należy pamiętać o wpływie wydajności podczas stosowania poprawek lub aktualizowania elementów w galerii, zwłaszcza w przypadku obsługi dużej liczby elementów. Stosowanie poprawek może być powolne, a galeria może ponownie załadować wszystkie elementy, co ma wpływ na wydajność.

Obsługa nieskończonych pętli z ostrożnością**

Jeśli modyfikowanie danych galerii wyzwala zdarzenia prowadzące do nieskończonych pętli, rozważ użycie nowoczesnych kontrolek lub kontrolek, które nie są wyzwalane OnChange , gdy ich dane zmieniają się w celu przerwania pętli.

Unikaj zagnieżdżonych galerii

Zagnieżdżone galerie mogą prowadzić do problemów z wydajnością i złożoności powiązań danych.

Jeśli to możliwe, unikaj zagnieżdżania galerii. Zamiast tego spróbuj zaprojektować strukturę danych i użyć funkcji w zoptymalizowany sposób.

Korzystanie z elastycznych galerii wysokości

Galerie o stałej wysokości mogą powodować ograniczoną widoczność zawartości, szczególnie w przypadku obsługi danych dynamicznych.

Użyj galerii o elastycznej wysokości, ustawiając właściwość Height na Parent.Height albo wartość dynamiczną opartą na danych. Dzięki temu galeria dostosowuje wysokość, aby pomieścić różne ilości danych.

Optymalizowanie ładowania danych

Podczas optymalizowania ładowania danych w usłudze Power Apps możesz pobrać i wyświetlić tylko niezbędne kolumny w galerii, a nie pobrać całego zestawu danych.

Oto przykład tego, jak można to osiągnąć: Zakładając, że masz kolekcję EmployeeData z wieloma kolumnami i chcesz wyświetlić tylko kolumny "Nazwa" i "Dział" w galerii.

// 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)

Uzyskaj więcej informacji na temat najlepszych praktyk galerii.

Budowanie składników wielokrotnego użytku

Kiedy utworzyć niestandardowe składniki kodu przy użyciu struktury składników usługi Power Apps (PCF)

Platforma Power Platform umożliwia tworzenie składników wielokrotnego użytku za pomocą struktury składników usługi Power Apps (PCF). Więcej szczegółów tutaj.

Poniżej przedstawiono scenariusze, w których można rozważyć utworzenie składników PCF w usłudze Power Apps:

Złożone elementy interfejsu użytkownika

Jeśli musisz utworzyć złożone elementy interfejsu użytkownika lub kontrolki, które nie są łatwo dostępne w standardowych kontrolkach usługi Power Apps.

Kontrolki niestandardowe pod kątem określonych wymagań

Jeśli aplikacja ma określone wymagania, które nie są spełnione przez gotowe kontrolki i musisz utworzyć niestandardowe kontrolki dostosowane do Twoich potrzeb.

Spójne środowisko użytkownika w aplikacjach

Jeśli chcesz zachować spójne środowisko użytkownika w wielu usługach Power Apps lub środowiskach, hermetyzując określone funkcje w składniku PCF.

Wielokrotne użycie w różnych aplikacjach

Jeśli przewidujesz konieczność ponownego użycia określonego elementu funkcjonalności lub elementu interfejsu użytkownika w wielu aplikacjach, utworzenie składnika PCF umożliwia kompilowanie raz i ponowne użycie.

Implementowanie zaawansowanej logiki

Jeśli musisz zaimplementować zaawansowaną logikę biznesową lub obliczenia, które wykraczają poza możliwości standardowych formuł lub funkcji w usłudze Power Apps.

Ulepszone środowisko użytkownika

Jeśli chcesz ulepszyć ogólne środowisko użytkownika, tworząc atrakcyjne wizualnie i interaktywne składniki, które nie są osiągalne za pomocą kontrolek domyślnych.

Następny krok