Kontrolka kontenera siatki w usłudze Power Apps

Kontrolka Kontener siatki umożliwia układ składników podrzędnych we wzorcu siatki. Uzyskasz dokładną kontrolę nad tym, gdzie każdy składnik idzie pod względem wierszy i kolumn.

Ten kontener działa jak siatki w stylu CSS. Zdefiniujesz wiersze i kolumny i ustawisz dokładną pozycję dla każdego składnika podrzędnego przy użyciu jego właściwości.

Description

Kontrolka kontenera grid oferuje elastyczny system układu dla aplikacji kanwy. Umożliwia on wykonywanie następujących czynności:

• Umieszczanie składników podrzędnych we wzorcu siatki
• Określanie początku i końca wiersza i kolumny dla każdego elementu podrzędnego
• Wprowadzanie dynamicznych korekt w przypadku zmiany rozmiaru kontenera lub ekranu
• Sterowanie wyrównaniem, odstępami i przepełnieniem w siatce

Korzystając z tego podejścia, nie trzeba ręcznie ustawiać poszczególnych składników. Twoje aplikacje stają się bardziej konserwowalne i dynamiczne.

Display properties

• Gap — odstęp między składnikami podrzędnych wewnątrz siatki.
• Columns — liczba kolumn w układzie siatki.
• Wiersze — liczba wierszy w układzie siatki.

Rozmiar i położenie

• X — odległość pozioma od lewej krawędzi kontenera nadrzędnego (lub ekranu, jeśli nie ma elementu nadrzędnego).
• Y — odległość pionowa od górnej krawędzi kontenera nadrzędnego (lub ekranu, jeśli nie ma elementu nadrzędnego).
• Width — odległość między lewą i prawą krawędzią kontrolki.
• Height — odległość między górną i dolną krawędzią kontrolki.
• Dopełnienie — odstępy między krawędziami kontenera i jego składnikami podrzędnymi.

Kolor i obramowanie

• Color — kolor pierwszego planu kontenera, używany do obramowania i tekstu, jeśli ma to zastosowanie.
• Border
  • Styl — typ obramowania: Solid, Dashed, Dotted lub None.
  • Grubość — szerokość obramowania w pikselach.
  • Kolor — kolor obramowania.
• Promień obramowania — stopień zaokrąglania narożników kontenera. To ustawienie można zastosować do wszystkich narożników jednolicie lub podzielić je na poszczególne rogi w ustawieniach zaawansowanych.
• Cień upuszczania — efekt cienia zastosowany do kontenera. Opcje: Brak, Jasny, Średni lub Ciężki.

Visibility

• Visible — czy kontener siatki jest wyświetlany. Włącz lubwyłącz.

Właściwości układu siatki (specyficzne dla elementu podrzędnego)

• Początek kolumny/koniec kolumny — definiuje kolumny początkowe i końcowe dla składnika podrzędnego.
• Początek wiersza/koniec wiersza — definiuje wiersze początkowe i końcowe dla składnika podrzędnego.

Example

1. Utwórz od podstaw pustą aplikację kanwy z układem dynamicznym .

2. Utwórz nowy ekran.

3. W okienku Wstawianie w obszarze Układ wybierz pozycję Kontener siatki.

4. Ustaw właściwości kontenera tak, aby zajmowały pełny ekran:

   • X = 0
   • Y = 0
   • Szerokość = Nadrzędna szerokość
   • Wzrost = Rodzic. Wysokość

5. Dodaj kilka składników podrzędnych, takich jak przyciski, wprowadzanie tekstu, ikony i multimedia. Dla każdego elementu podrzędnego ustaw właściwości umieszczania siatki:

   • Początek/koniec kolumny
   • Początek/koniec wiersza
   • Wyrównaj w komórce

6. Naciśnij F5 , aby wyświetlić podgląd. Zmień rozmiar ekranu i obserwuj, jak składniki podrzędne pozostają w ich położeniach siatki i szybko dostosowują się.