Ścisły porządek w Zero Block

W Zero Block Block można teraz ustawić rozmieszczenie elementów w Auto Layout w różnych rozdzielczościach ekranu za pomocą ustawienia Strict Order. Jest to przydatne, gdy chcesz, aby położenie elementów grupy Flex różniło się w wersji mobilnej i stacjonarnej.

Ustawienie Strict Order definiuje kolejność elementów w Auto Layout. Domyślnie wszystkie elementy elastyczne mają wartość kolejności 0 (Nie ustawiono). Elementy o niższej wartości kolejności są umieszczane jako pierwsze. Jeśli ustawisz jeden z nich na -1 (Pierwszy), element ten zostanie umieszczony jako pierwszy. Jeśli 1 (Ostatni), zostanie umieszczony jako ostatni.

Dla każdej rozdzielczości ekranu można ustawić inną wartość Strict Order. Na przykład na komputerze tekst może być trzecim elementem w grupie, a na telefonie komórkowym ostatnim.

Ścisła kolejność jest również przydatna w przypadku złożonych kompozycji z dużą liczbą elementów. Jeśli kilka z nich wymaga zmiany kolejności na ekranie mobilnym, określ inny numer dla każdego z nich za pomocą wartości niestandardowej (np. od 1 do 6). Ułatwi to ułożenie ich w żądanej kolejności.

Przyjrzyjmy się przykładowi z blokiem karty produktu, aby zobaczyć, kiedy ustawienie Strict Order może się przydać.

W Zero Block stworzyliśmy układ z sześcioma elementami: Cztery karty produktów i dwa kafelki, które łączą się z Katalogiem. Ta grupa ma wspólny układ automatyczny, aby ułatwić edycję treści i projektowanie wersji responsywnych.

Po przejściu do edycji wersji mobilnej kolejność kart może ulec dezorganizacji. Jeśli przeniesiesz je ręcznie, kompozycja zmieni się również w wersji desktopowej.

Aby temu zapobiec, możesz przypisać wartość niestandardową w sekcji Ścisła kolejność do potrzebnych elementów. W ten sposób karty będą wyświetlane we właściwej kolejności w mobilnej wersji witryny, podczas gdy układ na komputerze pozostanie taki, jak go zaprojektowałeś.