Diseño de la ventana de previsualización como sigue, basado en un control de botón como un ejemplo para ilustrar algunas configuración de diseño Diseño:

Nota: Diseño de configuración de las propiedades de los controles individuales son básicamente los mismos, por lo que aquí para Button, por ejemplo.

Aunque en esta sección se llama diseño de diseño, pero no habló de diseño específico, la ubicación es los controles más relevantes, habrá que ver acerca de los controles contenedor de diseño específico, tales como caja vertical, HBox y así sucesivamente.

Ancla panel panel de restricciones

Este panel se visualiza desde el control de la distancia vertical y horizontal de la frontera.

0? Wx_fmt = png Volcado fallado a volver a subir cancelado

panel interno

Relleno

Ubicado dentro del margen de control. Arriba, derecha, abajo y de izquierda alrededor del área de contenidos de llenado. El espacio se incluirá en el cálculo del tamaño mínimo y el tamaño preferido de la región de.

Ajustar los márgenes dentro:

tamaño del panel

panel de control Tamaño se establece en la anchura y altura:

Min Anchura: indica el ancho mínimo del control.
Altura mínima: se refiere a la altura mínima del control.
Pref Anchura: se refiere a un pre-ancho del control.
Pref Altura: se refiere al control de pre-altura.
Anchura máxima: se refiere a la anchura máxima del control.
Altura máxima: se refiere a la altura máxima del control.
Anchura: se refiere a la anchura real del control, sólo lectura no puede ser modificado.
Altura: se refiere a la altura real del control, sólo lectura no puede ser modificado.

Además de Ancho, Alto otros pueden ser modificados para personalizar.

Coloque el panel

Establecer la posición del control, es decir, con respecto a la parte superior izquierda de la salida.

LayoutX

El equivalente de la coordenada X.

LayoutY

Y coordenadas equivalentes.

Panel transforma

Girar

Establecer los controles para rotar.

Eje de rotación

Definir el eje del nodo de control.

escala X

control de zoom a lo largo del eje X se define, el valor predeterminado es uno.

Escala Y

Zúmbalo de control a lo largo de se define el eje Y, el valor predeterminado es uno.

escala Z

control de zoom a lo largo del eje Z está definido, el valor por defecto es uno.

traducir X

La definición del control de la traducción del eje X.

El nodo de traducción final calculado como layoutX+ translateX, en el que layoutXpara establecer una posición estable del nodo, y translateXse puede ajustar dinámicamente seleccionar la ubicación.

Translate Y

Definir el control de la traducción del eje Y.

traducir el

Definir la traducción en el eje Z.

panel de límites

Disposición límites

Un límite rectangular de la Disposición del nodo de cálculos. layoutBounds pueden diferir de la gama visual del nodo, y dependiendo del tipo de nodo, los resultados pueden variar. Si el tipo de nodo es de tamaño variable (Región, Control o WebView), siempre serán los layoutBounds 0,0 ancho x alto. Si el tipo de nodo no se cambia el tamaño (forma, texto o Grupo), que se calcula en base al nodo de propiedad layoutBounds geométricas, el nodo y no incluye el clip, transformar o efecto. Para obtener más información, consulte la documentación de cada clase.

Tenga en cuenta que las variables layoutX, layoutY, translateX y translateY no están en layoutBounds. Esto es importante, ya que el código de diseño debe determinar primero el tamaño y posición del nodo actual (utilizando los layoutBounds), y luego la traducción se proporciona nodos de ajuste layoutX layoutY, de manera que tenga una posición de disposición deseada.

Dado que los layoutBounds de cálculo están a menudo asociados con el nodo de geometría variable, por lo tanto unirse a cualquiera de estas variables dependen de la expresión es falsa layoutBounds. Por ejemplo, la forma de las variables X o Y no debe ser obligado a layoutBounds al nodo de posicionamiento.

layoutBounds no ser nulo.

En los límites local

nodo de nodo no es el límite local del rectángulo en la transformación del espacio de coordenadas. Para extender el nodo, el límite local de la forma también incluye el espacio requerido carrera cero, la carrera puede caer forma exterior definida por la geometría de la propiedad de ubicación y tamaño. El alcance también incluirá cualquier corte parcial y dispuesto para cortar a efecto efecto. Tenga en cuenta que este método no tiene en cuenta la visibilidad de los nodos. Esta geometría se calcula en base solamente en el nodo.

Esta propiedad tendrá siempre un valor no nulo.

Tenga en cuenta que, cada vez que un cambio en la geometría del nodo, recalcula automáticamente boundsInLocal. Por lo tanto, cualquiera de estos valores nodos unidos a depender de esta expresión variable es falso. Por ejemplo, la forma de las variables X o Y no debe ser obligado al nodo de posicionamiento boundsInLocal.

En los límites de Padres

Este nodo frontera rectangular, incluyendo la transformación. boundsInParent calcula utilizando las transformadas parciales límite ObservableList scaleX (definido por boundsInLocal) y aplicar la transformación mediante el establecimiento de las siguientes variables adicionales creados, scaleY rote layoutX, layoutY translateX, translateY Conceptualmente, el límite resultará en el espacio de coordenadas del nodo nodo padre , pero el nodo no tiene un nodo padre para calcular estos límites.

Tenga en cuenta que este método no tiene en cuenta la visibilidad de los nodos. Esta geometría se calcula en base solamente en el nodo.

Esta propiedad tendrá siempre un valor no nulo.

Tenga en cuenta que el tiempo que se produce cualquier cambio o cambios al nodo de geometría, se volverá a calcular automáticamente boundsInParent: ObservableList conversión, translateX, translateY, layoutX, layoutY, scaleX, scaleY, o variables de girar. Por lo tanto, cualquiera de estos valores nodos unidos a depender de esta expresión variable es falso. Por ejemplo, x o y o una forma variable de translateX, translateY boundsInParent deben definitivamente no estar unidos al nodo de posicionamiento.

Panel extras

Desplazamiento de línea de base

Cantidad de desplazamiento de línea de base de cálculo de acuerdo con el primer hijo administrado.

de tamaño variable

Definir si el control permite el ajuste del tamaño permitido por defecto, no se puede modificar.

contenido Bias

Si wrapText es cierto, contentBias serán horizontales, de lo contrario es nulo.

Ajustar a píxeles

Esta zona define si la ubicación de sus hijos, el tamaño y el espaciamiento de límite del ajuste del valor de píxel. El valor por defecto es cierto, por lo general es la obtención de interfaz de usuario clara y comportamiento esperado. Es falso que permitirá decimales alineados, lo que podría conducir a la frontera parecer "fuzzy".

Orientación Nodo efectiva

La dirección efectiva de las direcciones de nodo de la cuestión de la sucesión dirección de nodo, para volver de izquierda a derecha o de derecha a izquierda.