Udostępnij przez

Kontrolka kontenera siatki w usłudze Power Apps (wersja zapoznawcza)

[Ten artykuł jest dokumentem w wersji wstępnej i może ulec zmianie.]

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.

Ważne

  • Ta funkcja jest w wersji zapoznawczej.
  • Funkcje w wersji zapoznawczej nie są przeznaczone do użytku produkcyjnego i mogą mieć ograniczoną funkcjonalność Te funkcje podlegają dodatkowym warunkom użytkowania i są dostępne przed oficjalną wersją, aby klienci mogli uzyskać wczesny dostęp i przekazać opinię.
  • Ta funkcja jest w trakcie wdrażania i może nie być jeszcze dostępna w Twoim regionie.

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.

Właściwości wyświetlania

  • 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.
  • Granicy
    • 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.

Widoczność

  • 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
    • Width = Parent.Width
    • Height = Parent.Height

  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ę.

  • Last updated on