Aby skutecznie wykorzystać dowolny GUI zestaw narzędzi, musisz zrozumieć jego menedżera układu (lub menedżera geometrii). W Qt masz HBoxy i VBoxy, w Tk masz Packera, aw Butach - ty stosy i przepływy. Brzmi tajemniczo, ale czytamy dalej - to bardzo proste.
Stos działa tak, jak sugeruje nazwa. Układają rzeczy w pionie. Jeśli umieścisz trzy przyciski na stosie, zostaną one ułożone pionowo, jeden na drugim. Jeśli zabraknie Ci miejsca w oknie, po prawej stronie okna pojawi się pasek przewijania, który pozwoli ci wyświetlić wszystkie elementy w oknie.
Zauważ, że kiedy powiedziane jest, że przyciski znajdują się „wewnątrz” stosu, oznacza to po prostu, że zostały utworzone wewnątrz bloku przekazanego do stosu metoda. W tym przypadku trzy przyciski są tworzone, gdy wewnątrz bloku są przekazywane do metody stosu, więc są „wewnątrz” stosu.
Przepływ pakuje rzeczy w poziomie. Jeśli w przepływie zostaną utworzone trzy przyciski, pojawią się one obok siebie.
Jest jeszcze jedna ważna rzecz do zrozumienia w przepływach. Jeśli zabraknie Ci miejsca w poziomie, Buty nigdy nie utworzą poziomego paska przewijania. Zamiast tego Shoes utworzy elementy niżej w „następnej linii” aplikacji. To tak, jakbyś osiągnął koniec linii w edytorze tekstu. Edytor tekstu nie tworzy paska przewijania i pozwala ci pisać dalej, zamiast tego umieszcza słowa w następnym wierszu.
Do tej pory nie podawaliśmy żadnych wymiarów podczas tworzenia stosów i przepływu; po prostu zajęli tyle miejsca, ile potrzebowali. Jednak wymiary można podać w ten sam sposób, w jaki wymiary są podane do Shoes.app wywołanie metody Ten przykład tworzy przepływ, który nie jest tak szeroki jak okno i dodaje do niego przyciski. Nadano mu również styl obramowania, aby wizualnie określić, gdzie jest przepływ.
Po czerwonej ramce widać, że przepływ nie rozciąga się aż do krawędzi okna. Kiedy zostanie utworzony trzeci przycisk, nie ma na niego miejsca, więc Buty przechodzą do następnej linii.
Przepływy i stosy nie tylko zawierają elementy wizualne aplikacji, ale mogą także zawierać inne przepływy i stosy. Łącząc przepływy i stosy, można stosunkowo łatwo tworzyć złożone układy elementów wizualnych.
Jeśli jesteś programistą WWW, możesz zauważyć, że jest to bardzo podobne do silnika układu CSS. To celowe. Sieć ma duży wpływ na obuwie. W rzeczywistości jednym z podstawowych elementów wizualnych w Shoes jest „Link”, a nawet możesz rozmieścić aplikacje Shoes na „stronach”.
W tym przykładzie tworzony jest przepływ zawierający 3 stosy. Spowoduje to utworzenie 3-kolumnowego układu z elementami w każdej kolumnie wyświetlanymi pionowo (ponieważ każda kolumna jest stosem). Szerokość stosów nie jest szerokością pikseli jak w poprzednich przykładach, ale raczej 33%. Oznacza to, że każda kolumna zajmie 33% dostępnej przestrzeni poziomej w aplikacji.