Wskazówki dotyczące dynamicznego projektowania

Responsywne aplikacje kanwy dostosowują swój układ i nawigację do dostępnego obszaru wyświetlania, zamiast skalować kanwę o stałym rozmiarze. Celowo projektuj zachowanie dynamiczne, aby aplikacja mogła korzystać z każdego obsługiwanego rozmiaru okna, orientacji urządzenia, poziomu powiększenia i trybu wprowadzania.

Każda z poniższych wskazówek ma na celu zapewnienie, aby aplikacja kanwy dawała optymalne warunki użytkowania niezależnie od rozmiaru ekranu urządzenia lub jego orientacji. Te wytyczne dotyczą jednego z najważniejszych aspektów nowoczesnego tworzenia aplikacji. Te wytyczne mają kluczowe znaczenie dla deweloperów, którzy chcą zwiększyć dostępność i zaangażowanie użytkowników w usługę Power Apps.

Dostosowywanie do rozmiarów ekranu

Aplikacje Canvas powinny być zaprojektowane tak, aby automatycznie dostosowywać swój układ i interfejs w zależności od rozmiaru ekranu urządzenia. Ta responsywność zapewnia, że aplikacja pozostaje funkcjonalna i wizualnie atrakcyjna na różnych urządzeniach—od smartfonów po komputery stacjonarne.

Użyj kontenerów z automatycznym układem

Użyj kontenerów automatycznego układu poziomego i pionowego jako podstawowej struktury ekranu dynamicznego. Te kontenery dynamicznie organizują i wyrównują składniki aplikacji, upewniając się, że skutecznie reagują na zmiany wymiarów ekranu.

Wyłącz Skalowanie do dopasowania i zarządzaj proporcjami oraz orientacją

Wyłącz opcję Dopasuj do rozmiaru, aby włączyć rzeczywistą responsywność aplikacji. To ustawienie uniemożliwia skalowanie i promuje naturalną adaptację układu do różnych rozmiarów ekranu. Ponadto dostosuj proporcje obrazu i ustawienie Zablokuj orientację. Te korekty zapewniają efektywne reagowanie układu aplikacji na różne rozmiary i orientacje ekranu. Aplikacja zachowuje spójny i funkcjonalny interfejs niezależnie od tego, czy urządzenie jest w orientacji pionowej, czy poziomej.

Korzystanie z układów dynamicznych

Użyj układów, takich jak podział ekranu i pasek boczny, które zapewniają różne doświadczenia użytkownika na różnych urządzeniach. Ta adaptacja zwiększa funkcjonalność aplikacji, dzięki czemu jest bardziej intuicyjna dla użytkowników na dowolnym urządzeniu.

Używanie formuł dla układu dynamicznego

Używaj formuł zamiast stałych współrzędnych do określania położenia i określania rozmiaru kontrolek. Takie podejście zapewnia, że elementy dostosowują się do zmian wymiarów ekranu, co pozwala uzyskać dynamiczny, responsywny układ.

Planowanie różnych urządzeń

Efektywny dynamiczny projekt obejmuje przewidywanie wyglądu i działania aplikacji na różnych urządzeniach. To przewidywanie obejmuje decyzje dotyczące zmiany rozmiaru elementów lub ukrywania ich całkowicie na mniejszych ekranach, aby zoptymalizować przestrzeń i utrzymać użyteczność.

Implementacja praktyczna

Przekształcenie nieresponsywnej aplikacji kanwy w responsywną wymaga systematycznego podejścia. Takie podejście polega na dostosowaniu ustawień odpowiedzi i starannym skonfigurowaniu właściwości kontenera w celu zapewnienia, że elementy w aplikacji dostosowują się do różnych rozmiarów ekranu.

Resources

Następny krok

Czytelność kodu

  • Last updated on