Właściwości reaktywne widoku
Konfigurując ustawienia widoku reaktywnego, można budować interfejsy, które reagują na środowisko wykonawcze użytkownika. Te ustawienia można konfigurować oddzielnie dla różnych wielkości ekranu, dzięki czemu można zaprojektować jeden interfejs, który zmienia swój wygląd i zachowanie w zależności od wielkości ekranu użytkownika.
| Ustawienie wielkości ekranu | Ikona | Szerokość |
|---|---|---|
| Małe |  |
640 pikseli lub mniej |
| Średnie |  |
641–1024 pikseli |
| Duże (wartość domyślna) |  |
Więcej niż 1024 pikseli |
Podczas budowania formatki lub widoku można skonfigurować ustawienia reaktywne dla wszystkich instancji widoku w formatce lub widoku, używając jednej wielkości ekranu. Następnie można skonfigurować te same ustawienia przy użyciu różnych wartości dla innej wielkości ekranu. W czasie wykonywania liczba pikseli szerokości ekranu graficznego określa, jakie ustawienie wielkości ekranu jest używane przez przeglądarkę urządzenia do wyświetlania formatki i widoków, które ona zawiera. Przeglądarka urządzenia używa zwykle tego samego ustawienia wielkości ekranu niezależnie od orientacji urządzenia. Jeśli urządzenie ma jednak nietypową wielkość, przeglądarka może używać jednej wielkości ekranu dla orientacji pionowej, a innej wielkości ekranu dla orientacji poziomej (w zależności od szerokości dwóch orientacji).
Należy zauważyć, że liczba pikseli ekranu graficznego dla przeglądarki WWW na urządzeniu niekoniecznie jest zgodna z reklamowaną liczbą pikseli ekranu urządzenia. Ekran graficzny przeglądarki WWW jest często mniejszy.
Wartością domyślną jest duża wielkość ekranu. Jeśli nie zostaną podane różne wartości ustawienia reaktywnego, które jest dostępne dla instancji widoku, wszystkie trzy wielkości ekranu będą korzystać z tej samej wartości ustawienia, a instancja widoku będzie wyświetlana w takiej samej postaci we wszystkich środowiskach użytkownika. Jeśli na przykład dla marginesów instancji widoku zostaną ustawione wartości dla wielkości dużego ekranu, wartości te będą stosowane we wszystkich środowiskach użytkownika.
Jeśli zostaną określone ustawienia reaktywne instancji widoku dla średniej wielkości ekranu, ale nie zostaną podane wartości dla małej wielkości ekranu, w środowiskach z małą wielkością ekranu będą mieć zastosowanie wartości średniej wielkości ekranu.
Ustawienia reaktywne dla instancji widoku
Dla różnych wielkości ekranu można skonfigurować następujące typy właściwości: właściwości pozycji, opcje konfiguracji oraz właściwości widoczności.
Właściwości pozycji umożliwiają skonfigurowanie rozmieszczenia i odstępów instancji widoku. Właściwości pozycji mogą być ustawiane dla każdej wielkości ekranu, na przykład aby umożliwić rozmieszczenie treści formatki bliżej siebie, gdy interfejs jest wyświetlany na mniejszych urządzeniach. Informacje na temat ustawiania reaktywnych właściwości pozycjonowania zawiera sekcja Opcje pozycjonowania dla instancji widoku.
Gdy opcje konfiguracji są oznaczone jako reaktywne, mogą zmienić prezentację, a nawet treść instancji widoku (w zależności od urządzenia). Reaktywne opcje konfiguracyjne można również dodawać do własnych widoków.
Na przykład można utworzyć widok z opcją konfiguracyjną określającą, czy widgety wyboru w instancji tego widoku mają być wyświetlane jako pola wyboru, przełączniki lub widgety suwaka. Jeśli ta opcja konfiguracyjna zostanie oznaczona jako reaktywna, może mieć trzy różne ustawienia odpowiadające trzem ustawieniom różnych wielkości ekranu. Informacje na temat ustawiania właściwości konfiguracyjnych jako odpowiedzi na ten temat zawiera sekcja Właściwości konfiguracyjne i opcje konfiguracji.
Właściwości widoczności, które określają, czy widok jest ukryty, widoczny, edytowalny itd., mogą także zostać ustawione w odniesieniu do wielkości konkretnego urządzenia. Aby na przykład uprościć interfejs użytkownika w środowiskach z ekranami o najmniejszej wielkości, można ukryć bardziej szczegółową instancję widoku w środowiskach z małymi ekranami i wyświetlić w zamian wersję uproszczoną. Informacje na temat ustawiania reaktywnych właściwości widoczności można znaleźć w sekcji Wyświetlanie właściwości widoczności.