-
Cómo establecer el tema de un botón de vínculo en Halo con ActionScript
-
Flex Builder es un software de diseño y desarrollo web usada para crear aplicaciones dinámicas de Internet. XML y ActionScript son los dos idiomas principales que se usan en Flex. XML establece la estructura de la página web y ActionScript proporciona la funcionalidad. Un desarrollador utilizará XML y ActionScript con el fin de crear un botón de enlace con un efecto de halo. Con unas pocas líneas simples de código, puede completar todo el proceso. El desarrollador también puede personalizar el efecto utilizando las propiedades disponibles dentro de la biblioteca de Flex Builder.Instrucciones
Crear el botón de Enlace
1 Abra su principal aplicación Flex y cambiar a la vista de código. Coloque la apertura y la etiqueta de cierre para el botón de enlace en su aplicación Flex:
<Mx: LinkButton> </ mx: LinkButton>
2 Ajuste el estilo de su botón de enlace y añadir el texto apropiado. Coloque las propiedades del botón de enlace dentro de la etiqueta de apertura del botón de enlace.
<Mx: LinkButton label = "Mi Enlace botón" color = "0000FF">
</ Mx: LinkButton>El código anterior crea un botón de enlace con el texto azul que lee "mi Botón de Enlace".
3 Importar la clase Alert ActionScript. Añadir la declaración de importación después de la aplicación de la etiqueta de apertura y antes de que su botón de enlace:
<Fx: Script>
mx.controls.Alert importación;
</ Fx: Script>El código anterior permite la flexión de que usted está imbedding ActionScript en el archivo de la aplicación. También le da accesos de funcionalidad dentro de la clase Alert.
4 Ejecutar la aplicación. Por defecto, un botón de enlace producirá el efecto de halo vez que el usuario hace girar sobre el texto del enlace. Compruebe que dispone de un control de botón de vínculo de trabajo con un efecto de halo.
Crear un botón de la piel Spark Enlace
5 Crear la piel para su botón de enlace Spark de Flex. Flex utiliza múltiples tipos de componentes. estilos únicos pueden ser aplicados a Spark botones de enlace. Abrir un nuevo archivo de chispa de la piel o un archivo de chispa de la piel existente. Si eres nuevo en el Spark componentes, se puede localizar una plantilla de archivo de chispa de la piel, mediante la apertura de sus aplicaciones Spark carpeta.
6 Vuelva a colocar la etiqueta de la piel abertura de chispa con la siguiente línea de código:
<S: SparkSkin xmlns: fx = "http://ns.adobe.com/mxml/2009"~~number=plural; xmlns: s =" biblioteca: //ns.adobe.com/flex/spark "xmlns: mx =" Bibliotecas: / /ns.adobe.com/flex/halo ">
Agregue el siguiente informaiton Metadta debajo de la etiqueta opeing.
<Fx: Metadatos>
[HostComponent("spark.components.Button")]</ Fx: Metadatos>
7 Agregue el código que definirá el estilo de su botón de enlace halo.
<s: States>
<mx:State name="up"/>
<mx:State name="down"/>
<mx:State name="over"/>
<mx:State name="disabled"/>
</s:states>El código anterior nombres de los distintos estados de los botones de enlace, lo que le permite acceder a ellos y aplicar estilo posterior.
<s:Rect left="0" right="0" top="0" bottom="0">
</s:Rect>Este código crea un halo rectángulo y define su ubicación en relación con el enlace.
<S: Rect izquierda = "0" derecho = "0" top = "0" abajo = "0" includeIn = "sobre" RadiusX = "15" radiusY = "15">
<s:stroke>
<mx:SolidColorStroke weight="3" color="0x6600FF"/>
</s:stroke><s: CAR>
<mx:SolidColor color="0x6600FF"/>
</s:fill>
</s:Rect>La propiedad de trazo anterior crea un trazo de peso de 3 píxeles alrededor de un rectángulo de color púrpura. Esto establece el estilo halo.
8 Agregue el código para el botón de encendido:
<S: Botón de id = = skinClass etiqueta "sparkBtn" "theFolderNameWhereYourSkinIsSaved.TheNameofTheSkinFile" = "TheBtnTitle" />
El código anterior crea un botón de encendido con el estilo que acaba de crear la etiqueta "TheBtnTitle."
Consejos y advertencias
- XML Flex y ActionScript entre mayúsculas y minúsculas. Si la aplicación no está funcionando correctamente, compruebe de capitalización.
