Cómo ajustar el tamaño de un esquema de grupo Flex

Flex Builder es un software de diseño web y desarrollo. Se ofrece a los usuarios la capacidad de organizar los componentes basados ​​en datos en un entorno de diseño gráfico. Flex logra esto con los envases y diseños. Un desarrollador puede definir la forma del recipiente aparecerá a los visitantes del sitio mediante el ajuste de la configuración de propiedades, que se pueden aplicar a sólo ciertos elementos o todo el recipiente. Con unas pocas líneas de código, un diseñador puede cambiar el ancho, la altura y el relleno de un diseño de grupo y de sus diversos componentes.

Instrucciones

Añadir el contenedor de grupos

1 Comience Flex 4.5 y abrir "Ver código" en la aplicación principal de la flexión. Añadir el contenedor de grupos mediante la introducción de la apertura y cierre adecuado etiquetas.

<S: Grupo> </ s: Grupo>

2 Añadir los elementos que desea incluir en su diseño de grupo. Coloque estos elementos entre las etiquetas de apertura y cierre de grupo.

<S: Grupo>
<S: Botón label = "Inicio" />
<S: Botón label = "Sobre Nosotros" />
</ S: Grupo>

El código anterior ofrece un diseño de grupo con dos botones, uno con la etiqueta "Inicio" y el otro "sobre nosotros".

3 Establecer la propiedad layout del grupo. Añadir la propiedad layout después de la etiqueta de apertura del grupo y antes de que los elementos del grupo. Flex utiliza cuatro estructuras básicas de diseño: "BasicLayout" le permite colocar los elementos de la forma que desee; "HorizontalLayout" posiciona a los elementos de una fila horizontal; "TileLayout" coloca los elementos en columnas o filas; y "VerticalLayout" elementos coloca en una sola columna.

<S: Grupo>
<s: layout>
<S: HorizontalLayout />
</ s: layout>
<S: Botón label = "Inicio" />
<S: Botón label = "Sobre Nosotros" />
</ S: Grupo>

El código anterior añade la propiedad "HorizontalLayout" al grupo de botones.

Ajuste relleno y Tamaño

4 Cambiar el ancho y la altura de su diseño de grupo. Añadir propiedades de anchura y altura en la etiqueta de grupo de apertura. Los valores de anchura y altura se introducen como píxeles o porcentaje. Si se excluye el signo de porcentaje, Flex será por defecto un valor de píxeles.

<S: Grupo width = "100%" height = "25">
<s: layout>
<S: HorizontalLayout />
</ s: layout>
<S: Botón label = "Inicio" />
<S: Botón label = "Sobre Nosotros" />
</ S: Grupo>

El código anterior establece el ancho de la disposición de grupo a 100 por ciento de navegador del usuario. También indica una altura de 25 píxeles.

5 Añadir el relleno de los elementos dentro de su grupo. Coloque el código de relleno dentro del bloque "HorizontalLayout".

<S: Grupo width = "100%" height = "25">
<s: layout>
<S: HorizontalLayout
paddingLeft = "5" paddingRight = "5"
paddingTop = "5" paddingBottom = "5" />
</ s: layout>
<S: Botón label = "Inicio" />
<S: Botón label = "Sobre Nosotros" />
</ S: Grupo>

El código anterior proporciona el acolchado de cinco píxeles para los botones.

6 Ajustar el tamaño de los elementos dentro de su diseño. Puede proporcionar los mismos parámetros de anchura y altura de los elementos dentro de su grupo del mismo modo que definir la anchura y la altura de grupo.

<S: Grupo width = "100%" height = "25">
<s: layout>
<S: HorizontalLayout
paddingLeft = "5" paddingRight = "5"
paddingTop = "5" paddingBottom = "5" />
</ s: layout>
<S: Botón label = "Inicio" height = "15" />
<S: Botón label = "Sobre Nosotros" height = "15" />
</ S: Grupo>

El código anterior establece el alto botón en 15 píxeles.

Consejos y advertencias

• Flex de código es sensible a mayúsculas. Si va a ser el ajuste del tamaño de su diseño grupo dificultad, asegúrese de que el código es libre de errores tipográficos y capitalización al azar.