Wytyczne dotyczące projektowania aplikacji

Nowoczesne kontrolki

Nowoczesne kontrolki w aplikacjach opartych na kanwie 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 elementów sterujących, w tym list kart, pasków postępu, przycisków informacyjnych, spinnerów i innych, podkreśla strategiczną zmianę w kierunku tworzenia bardziej intuicyjnych, responsywnych i atrakcyjnych wizualnie aplikacji. Korzystając z tych nowoczesnych kontrolek, programiści mogą łatwo wdrażać zaawansowane elementy interfejsu użytkownika, które są zarówno estetyczne, jak i funkcjonalne, zwiększając ogólne zaangażowanie i satysfakcję użytkownika.

Nieodłączna konstrukcja tych kontrolek, z myślą o tematach, pozwala na ujednolicony i spójny wygląd i styl we wszystkich aplikacjach, znacznie zmniejszając wysiłek wymagany przy dostosowywaniu i brandingu aplikacji. Możliwość automatycznej aktualizacji stylów wszystkich kontrolek w oparciu o ustawiony motyw upraszcza proces projektowania i zapewnia spójność wizualną aplikacji. Doskonale wpisuje się to w potrzeby nowoczesnych firm, które chcą zachować spójność marki, oferując jednocześnie wysokiej jakości doświadczenia cyfrowe. Nowoczesne elementy sterujące kładą również nacisk na dostępność i wydajność, zapewniając, że aplikacje są użyteczne dla szerokiego grona odbiorców, w tym osób niepełnosprawnych, zgodnie z zasadami projektowania integracyjnego. W związku z tym nowoczesne kontrolki w aplikacjach opartych na kanwie 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.

Ważne

Podczas gdy podzbiór nowoczesnych elementów sterujących w aplikacjach opartych na kanwie został ogólnie udostępniony (GA), szerszy zestaw funkcji pozostaje w wersji zapoznawczej. Zachęcamy do zapoznania się z tymi wersjami zapoznawczymi i przekazania opinii na ich temat. Należy jednak pamiętać, że ich funkcje i funkcjonalności mogą zostać udoskonalone w oparciu o opinie i testy, zanim osiągną ogólną dostępność.

Projektowanie formularzy i wytyczne

Zorganizuj swój formularz

• Podziel swój formularz na logiczne sekcje i pogrupuj powiązane pola.
• Staraj się, aby formularz mieścił się 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 na etykietach pól, unikając nieznanych terminów lub żargonu.
• Wdrożenie reguł weryfikacji w celu zapewnienia dokładności danych. W przypadku pól obowiązkowych wyraźnie zaznacz, że są one wymagane. Weryfikacja adresów e-mail, numerów telefonów i innych formatów w razie potrzeby.

Ponowne użycie formularzy

• Pojedynczy formularz służy do tworzenia nowych rekordów, edytowania istniejących rekordów i wyświetlania rekordów w trybie tylko do podglądu.
• Ponowne użycie tego samego formularza skraca czas opracowywania i konserwacji, zapewniając jednocześnie spójność.

Tryby formularza

Ustaw tryb formularza dynamicznie na podstawie działań użytkownika. Na przykład:

• Podczas tworzenia nowego rekordu ustaw formularz w trybie "Nowy".
• Podczas edycji istniejącego rekordu należy ustawić formularz w tryb "Edytuj".
• Podczas wyświetlania rekordu ustaw formularz w trybie "Widok".

Rozmieszczenie elementów sterujących

• Umieść różne elementy sterujące (takie jak galeria, formularz wyświetlania i formularz edycji) na oddzielnych ekranach, aby można je było odróżnić.
• Połącz te kontrolki z formułami, aby stworzyć spójne środowisko użytkownika.

Kontenery

W miarę jak aplikacja oparta na kanwie staje się coraz większa, aby uwzględnić więcej scenariuszy biznesowych, liczba elementów sterujących stale rośnie i wymagane jest organizowanie elementów sterujących w oparciu o funkcje, które wykonują. Łatwym sposobem na to jest wybranie elementów sterujących razem i zgrupowanie ich w grupę. Grupowanie kontrolek nie zawsze jest jednak zalecane. Kontrolka aplikacji opartej na kanwie Container może przechowywać zestaw kontrolek i ma swoje własne właściwości.

Kontenery działają jako puste przestrzenie, w których można wstawiać i organizować elementy sterujące 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 są rzeczywistymi kontrolkami z własnymi właściwościami, takimi jak Width i BorderColor. Kontenery wpływają na układ aplikacji i pomagają użytkownikom czytników ekranu zrozumieć strukturę aplikacji.

W grupie możesz dodawać dowolne kontrolki, ale w kontenerze powinieneś dodawać tylko kontrolki logicznie powiązane.

Organizowanie elementów w Power Apps za pomocą grup umożliwia użytkownikom stosowanie wspólnych właściwości do wielu elementów. Jednak wprowadzanie indywidualnych zmian właściwości w grupie może wymagać ręcznego dostosowania. Co więcej, grupy nie są obecne w logicznej strukturze aplikacji ze względu na dostępność, ponieważ czytniki ekranu nie są w stanie ich rozpoznać. Dodatkowo, brak możliwości zagnieżdżania grup utrudnia tworzenie bardziej skomplikowanych układów.

Projekt galerii i wytyczne

Unikaj zmiany produktów w galerii od 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 zmieniają się ich wartości.

Zachowaj ostrożność w przypadku kontrolek wyzwalanych 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 poprawiania na wydajność

Należy pamiętać o wpływie na wydajność podczas poprawiania lub aktualizowania produktów w galerii, zwłaszcza w przypadku dużej liczby produktów. Patchowanie może być powolne, a galeria może przeładowywać wszystkie produkty, wpływając na wydajność.

Ostrożnie obchodź się z nieskończonymi pętlami**

Jeśli modyfikacja danych galerii wyzwala zdarzenia, które prowadzą do nieskończonych pętli, rozważ użycie nowoczesnych kontrolek lub kontrolek, które nie wyzwalają OnChange, gdy zmieniają się ich dane, aby przerwać pętlę.

Unikaj zagnieżdżonych galerii

Zagnieżdżone galerie mogą prowadzić do problemów z wydajnością i skomplikowanym wiązaniem danych.

O ile to możliwe, unikaj galerii lęgowych. Zamiast tego spróbuj zaprojektować strukturę danych i używać funkcji w zoptymalizowany sposób.

Używaj galerii o elastycznej wysokości

Galerie o stałej wysokości mogą skutkować ograniczoną widocznością treści, zwłaszcza w przypadku dynamicznych danych.

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

Optymalizacja ładowania danych

Optymalizując ładowanie danych w Power Apps, można pobrać i wyświetlić tylko niezbędne kolumny w galerii, zamiast pobierać cały zestaw danych.

Oto przykład, jak można to osiągnąć: Zakładając, że masz kolekcję EmployeeData z wieloma kolumnami i chcesz wyświetlić tylko kolumny "Imię i nazwisko" 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)

Zdobądź więcej informacji na temat najlepszych praktyk galerii.

Tworzenie składników wielokrotnego użytku

Kiedy tworzyć niestandardowe składniki kodu przy użyciu Power Apps Component Framework (PCF)?

Power Platform umożliwia tworzenie składników wielokrotnego użytku za pośrednictwem Power Apps Component Framework (PCF). Więcej szczegółów tutaj.

Oto scenariusze, w których można rozważyć utworzenie składników PCF w Power Apps:

Złożone elementy interfejsu użytkownika

Gdy trzeba utworzyć złożone elementy interfejsu użytkownika lub kontrolki, które nie są łatwo dostępne w standardowych kontrolkach Power Apps.

Niestandardowe elementy sterujące spełniające określone wymagania

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

Spójne doświadczenie użytkownika we wszystkich aplikacjach

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

Możliwość ponownego wykorzystania w różnych aplikacjach

Jeśli przewidujesz potrzebę ponownego użycia określonej funkcjonalności lub elementu interfejsu użytkownika w wielu aplikacjach, utworzenie składnika PCF pozwala na zbudowanie go raz i ponowne użycie.

Wdrażanie zaawansowanej logiki

Gdy trzeba wdrożyć zaawansowaną logikę biznesową lub obliczenia, które wykraczają poza możliwości standardowych formuł lub funkcji w aplikacji Power Apps.

Lepsze doświadczenie użytkownika

Gdy chcesz poprawić ogólne wrażenia użytkownika, tworząc atrakcyjne wizualnie i interaktywne składniki, których nie można uzyskać za pomocą domyślnych elementów sterujących.

Następny krok

Wytyczne dotyczące projektowania responsywnego