Administrador de diseño

Los administradores de diseño son componentes de software utilizados en kits de herramientas de widgets que tienen la capacidad de diseñar elementos de control gráfico según sus posiciones relativas sin utilizar unidades de distancia. A menudo es 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 proporcionan esta función generalmente se pueden clasificar en dos grupos:

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

Ejemplos

XUL

En XUL , como el contenedor vbox para apilar componentes uno encima del otro.

<?xml versión="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?>< id de ventana= "ejemplo de vbox" título= "Ejemplo" xmlns= "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >   <vbox> < id del botón= "sí" etiqueta= "Sí" /> < id del botón= "no" etiqueta= "No" /> < id del botón= "quizás" etiqueta= "Quizás" /> </vbox>         </ventana>

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

XAML

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

<Page xmlns= "http://schemas.microsoft.com/winfx/2006/xaml/presentation" WindowTitle= "myDock Panel" > <DockPanel> <TextBlock DockPanel.Dock= "Top" > Top 1 </TextBlock> < TextBlock DockPanel.Dock= "Top" > Top 2 </TextBlock> <TextBlock DockPanel.Dock= "Top" > Top 3 </TextBlock> <TextBlock DockPanel.Dock= "Top" > Top 4 </TextBlock> </DockPanel > </ Página>                 

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, muy parecido a las líneas de texto de un párrafo. Organiza los componentes horizontalmente hasta que no caben más componentes en la misma línea, 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, así: sur, norte, oeste, este y centro.

importar javax.swing.JFrame ; importar javax.swing.JButton ; importar java.awt.FlowLayout ; importar java.awt.Container ;    ejemplo de clase pública { marco JFrame privado ;       Ejemplo público () { frame = nuevo JFrame ( "Demostración de FlowLayout" ); marco . setDefaultCloseOperation ( JFrame . EXIT_ON_CLOSE ); marco . setLayout ( nuevo FlowLayout ()); marco . agregar (( nuevo JButton ( "Botón 1" ))); marco . agregar (( nuevo JButton ( "Botón 2" ))); marco . agregar (( nuevo JButton ( "Botón 3" ))); marco . add (( new JButton ( "Botón de nombre largo 4" ))); marco . agregar (( nuevo JButton ( "5" ))); marco . embalar (); marco . setVisible ( verdadero ); }                       public static void main ( String [] args ) { Ejemplo ex = nuevo 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
• Enfrentamiento del administrador de diseño en java.net