Administrador de diseño

Los administradores de diseño son componentes de software que se utilizan en los kits de herramientas de widgets y que tienen la capacidad de diseñar elementos de control gráfico según sus posiciones relativas sin utilizar unidades de distancia. A menudo, resulta más natural definir los diseños de los componentes de esta manera que definir su posición en píxeles o unidades de distancia comunes, por lo que varios kits de herramientas de widgets populares incluyen esta capacidad de forma predeterminada. Los kits de herramientas de widgets que ofrecen esta función se pueden clasificar generalmente en dos grupos:

• Aquellos en los que el comportamiento del diseño está codificado en contenedores gráficos especiales . Este es el caso de XUL y el kit de herramientas de widgets de .NET Framework (tanto en Windows Forms como en XAML ).
• Aquellos cuyo comportamiento de diseño está codificado en gestores de diseño, que pueden aplicarse a cualquier contenedor gráfico. Este es el caso del kit de herramientas de widgets Swing que forma parte de la API de Java .

Ejemplos

XUL

En XUL , es similar al contenedor vbox para apilar componentes uno encima del otro.

<?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" tipo="text/css"?><window id= "ejemplo de vbox" title= "Ejemplo" xmlns= "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >   <vbox> <button id= "si" etiqueta= "si" /> <button id= "no" etiqueta= "no" /> <button id= "tal vez" etiqueta= "tal vez" /> </vbox>         </ventana>

Este fragmento de código muestra tres botones apilados uno encima del otro en un cuadro vertical.

XAML

El contenedor DockPanel distribuye los componentes secundarios según sus propiedades Dock .

<Page xmlns= "http://schemas.microsoft.com/winfx/2006/xaml/presentation" WindowTitle= "panel myDock" > <DockPanel> <TextBlock DockPanel.Dock = "Arriba " > Arriba 1 </TextBlock> <TextBlock DockPanel.Dock= "Arriba" > Arriba 2 </TextBlock> <TextBlock DockPanel.Dock = "Arriba" > Arriba 3 </TextBlock> <TextBlock DockPanel.Dock= " Arriba " > Arriba 4 </TextBlock> </DockPanel> </Page>                 

Este código muestra 4 bloques de texto uno encima del otro.

Java

El FlowLayoutadministrador de diseño organiza los componentes en un flujo direccional, de forma muy similar a las líneas de texto de un párrafo. Organiza los componentes horizontalmente hasta que no quepan más componentes en la misma línea y luego los coloca en otra línea. Otros administradores de diseño son los administradores GridLayout, que organizan los componentes en forma de cuadrícula, y los administradores BorderLayout, que también organizan el componente en cinco partes del marco, es decir: sur, norte, oeste, este y centro.

importar javax.swing.JFrame ; importar javax.swing.JButton ; importar java.awt.FlowLayout ; importar java.awt.Container ;    clase pública Ejemplo { marco privado JFrame ;       public Example () { frame = new JFrame ( " Demostración de FlowLayout" ); frame.setDefaultCloseOperation ( JFrame.EXIT_ON_CLOSE ) ; frame.setLayout ( new FlowLayout ( ) ); frame.add ( ( new JButton ( "Botón 1" ) )); frame.add ( ( new JButton ( " Botón 2" ))); frame.add ( ( new JButton ( " Botón 3" ) )); frame.add ( ( new JButton ( "Botón de nombre largo 4" ) ) ); frame.add ( ( new JButton ( "5" ))); frame.pack ( ) ; frame.setVisible ( true ) ; }                       public static void main ( String [] args ) { Ejemplo ex = new Ejemplo (); } }           

Este código muestra 5 botones uno al lado del otro en la misma línea:

Enlaces externos

• Tutorial de diseño en el sitio web de Oracle
• Comparación de gestores de diseño en java.net