2009-05-27 13 views

Respuesta

31

Cuando el revestimiento controla y mide sus distancias entre sí, a menudo es deseable pensar en las ubicaciones de los controles en términos del espacio visual que ocupan en la pantalla, en lugar de simplemente sus marcos brutos. En muchos casos, el rectángulo visual que ocupa un control, y su marco son muy diferentes. Por ejemplo, un botón de tamaño normal parece tener unos 20 puntos de altura en la pantalla, con una sombra paralela de 2 o 3 puntos. En realidad, el marco de un botón pulsador configurado correctamente tiene 32 puntos de alto, no ~ 23. Este extra de 9 puntos de puntos de relleno no es visualmente evidente.

"Rectángulo de diseño" es el nombre que Interface Builder usa para este concepto.

El rectángulo de disposición es útil para aplicaciones de medición y dimensionamiento. Las Pautas de la interfaz humana de Apple podrían hacer la siguiente declaración: "Dos botones pulsadores alineados verticalmente y horizontalmente uno al lado del otro deben tener 12 puntos de espacio que los separan horizontalmente". Estos 12 puntos de espacio que separan los botones se deben medir desde los marcos de diseño del botón, no desde sus marcos brutos.

+0

En el tiempo transcurrido entre la redacción de este comentario, y ahora, AppKit y UIKit adoptaron Auto Layout. El concepto de rectángulo de alineación de diseño automático es el mismo concepto que el rectángulo de diseño en Interface Builder. –

+0

Entonces, ¿cómo se establece el rectángulo de alineación cuando se usa Diseño automático? ¿Hay alguna manera de hacer esto en Interface Builder? Jugar con el marco de diseño no parece hacer mucho por él – Marchy

7

Muchos elementos IB incorporados tienen un rectángulo separado "disposición" frente a "límites". Puede ver la diferencia mostrándolas usando "Diseño> Mostrar rectángulos XXX". El menú desplegable indica a qué rectángulo se refieren las coordenadas.

En Mac, esto afecta a UITextFields que son etiquetas, por ejemplo. Si cambia entre Diseño y Marco, la coordenada X cambiará en 3 píxeles. No he jugado con los controles de iPhone para ver si afecta a alguno de ellos. No sale mucho.

+2

Bonito consejo. Gracias, pero el elemento de menú _Show (Bounds | Layout) Rectangles_ está ahora en ** Editor> Canvas ** en Xcode 4.5.1. – Jeff

Cuestiones relacionadas