Para utilizar efectivamente cualquier GUI kit de herramientas, debe comprender su administrador de diseño (o administrador de geometría). En Qt, tienes HBoxes y VBoxes, en Tk tienes el Packer y en Shoes tienes pilas y flujos. Suena críptico pero sigue leyendo, es muy simple.
Una pila hace lo que su nombre lo indica. Apilan las cosas verticalmente. Si coloca tres botones en una pila, se apilarán verticalmente, uno encima del otro. Si se queda sin espacio en la ventana, aparecerá una barra de desplazamiento en el lado derecho de la ventana para permitirle ver todos los elementos en la ventana.
Tenga en cuenta que cuando se dice que los botones están "dentro" de la pila, solo significa que se crearon dentro del bloque pasado a la pila método. En este caso, los tres botones se crean dentro del bloque pasado al método de pila, por lo que están "dentro" de la pila.
Un flujo empaca las cosas horizontalmente. Si se crean tres botones dentro de un flujo, aparecerán uno al lado del otro.
Hay una cosa más importante que entender sobre los flujos. Si te quedas sin espacio horizontalmente, Shoes nunca creará una barra de desplazamiento horizontal. En cambio, Shoes creará los elementos más abajo en la "línea siguiente" de la aplicación. Es como cuando llegas al final de una línea en un procesador de textos. El procesador de texto no crea una barra de desplazamiento y le permite seguir escribiendo fuera de la página, sino que coloca las palabras en la siguiente línea.
Hasta ahora, no hemos dado ninguna dimensión al crear pilas y flujo; simplemente han tomado todo el espacio que necesitaban. Sin embargo, las dimensiones se pueden dar de la misma manera que las dimensiones se dan a la Shoes.app llamada al método Este ejemplo crea un flujo que no es tan ancho como la ventana y le agrega botones. También se le da un estilo de borde para identificar visualmente dónde está el flujo.
Puede ver por el borde rojo que el flujo no se extiende hasta el borde de la ventana. Cuando se va a crear el tercer botón, no hay suficiente espacio para él, por lo que Zapatos se mueve hacia la siguiente línea.
Los flujos y las pilas no solo contienen los elementos visuales de una aplicación, sino que también pueden contener otros flujos y pilas. Al combinar flujos y pilas, puede crear diseños complejos de elementos visuales con relativa facilidad.
Si es desarrollador web, puede notar que esto es muy similar al motor de diseño CSS. Esto es intencional Los zapatos están fuertemente influenciados por la web. De hecho, uno de los elementos visuales básicos en Shoes es el "Enlace" e incluso puede organizar las aplicaciones de Shoes en "páginas".
En este ejemplo, se crea un flujo que contiene 3 pilas. Esto creará un diseño de 3 columnas, con los elementos en cada columna que se muestran verticalmente (porque cada columna es una pila). El ancho de las pilas no es un ancho de píxel como en los ejemplos anteriores, sino un 33%. Esto significa que cada columna ocupará el 33% del espacio horizontal disponible en la aplicación.