Flex Builder es la solución de Adobe para Web orientadas a datos y aplicaciones de escritorio. Utiliza XML y ActionScript para crear paneles animados que son capaces de Mostrar información obtenido desde una ubicación remota. Los componentes incluidos con Flex son totalmente personalizables. A través de "pelar" puede modificar el diseño de elementos como "deslizadores". Además, puede cambiar la sensación general de la aplicación mediante CSS.

Instrucciones

Como hacer un Slider

1 Abrir la vista de código en su aplicación de Flex principal. Determinar si necesita un deslizador horizontal o un deslizador vertical. El deslizador horizontal se llama el "HSlider" y el slider vertical se llama "VSlider."

2 Introduzca el código para el regulador apropiado. El HSlider utiliza la etiqueta de apertura "< s:HSlider >" y la etiqueta de cierre "< / s:HSlider >" y el VSlider utiliza la etiqueta de apertura "< s:VSlider >" y la etiqueta de cierre "< / s:VSlider >. Para agregar un HSlider simplemente coloque el siguiente código en su aplicación:

< s:HSlider >< / s:HSLlider > o < s:HSlider / >

3 Agregar slider propiedades. Coloque las propiedades entre las etiquetas de apertura y cierre deslizante. Algunas propiedades de ejemplo son "snapInterval", "id" y "Descripción."

< s:VSlider id = "mySlider" snapInterval = toolTip ".30" = "Prueba Slider" / >

El ejemplo anterior muestra un slider vertical con un id de "mySlider" que se deslizará en incrementos de "0.30." Cuando el usuario se desplaza sobre la barra deslizante se mostrará el mensaje "Prueba Slider."

Componentes de Flex piel

4 Abra Adobe Fireworks CS5. En el menú de comandos seleccione "Flex Skinning" y luego "New Flex piel." Usted puede optar por todos los componentes o componentes específicos de la piel. Alterar el diseño Flex como le parezca.

5 La piel de la exportación desde Fireworks. En el menú de comandos, seleccione "Flex Skinning" y luego "Export Flex piel."

6 Flex de abrir y guardar el archivo de imagen de piel en su carpeta de "activos" de proyectos. Piden el archivo del componente en particular que desea la piel. Si usted diseña un skin para un componente de botón, se llame el archivo de imagen con el siguiente código:

< mx:Button

overSkin="@Embed(source='../assets/overSkin.gif')" upSkin="@Embed(source='../assets/upSkin.gif')" downSkin="@Embed(source='../assets/downSkin.gif')"/>

El ejemplo anterior asigna un archivo de imagen diferente a cada estado del botón.

Añadiendo CSS

7 Añadir estilos de página mediante CSS. Puede Agregar declaraciones de estilos CSS directamente en su aplicación de Flex principal. Para ello, utilice la etiqueta "< fx:Style >".

8 Agregar CSS código entre las etiquetas de estilo de apertura y cierre.

< fx:Style >{.myTextStyle}fontSize: 12;color: #000000;}< / fx:Style >

El código CSS anterior crea un estilo llamado "myTextStyle" e indica que su tamaño de letra es 12 y el color es negro.

9 Aplicar el nuevo estilo a un elemento específico.

< id s:Button = styleName "myBtn" = "myTextStyle" label = "Haga clic" / >

El código anterior aplicará el estilo de fuente al botón con un identificador de "myBtn".

Consejos y advertencias

• "Fotogramas de zoom" no existen en Flex. Puede agregar efectos de Zoom diferentes componentes o elementos mediante el efecto Zoom de MX.
• Tenga en cuenta que cualquier código dentro del entorno de Flex es sensible a mayúsculas. Si tienes un problema con cualquiera de las funciones o estilos, compruebe para ver si tienes una capitalización fuera de lugar.