Flash CS5 para diseñadores TLF e hipervínculos + ¡Capítulo de muestra!

Cada tipo de texto TLF en Flash (solo lectura, seleccionable y editable) admite hipervínculos. Todo lo que se necesita para agregar un enlace en un contenedor de texto es escribir su texto, seleccionar algunas palabras e ingresar la URL deseada en el panel de Propiedades. Opcionalmente, puedes ingresar un objetivo también.

El siguiente es un ejercicio de Foundation Flash CS5 para diseñadores por Tom Green y Tiago Dias.
 
¡Felicitaciones a nuestros tres ganadores que ganaron una copia firmada! Y si no fue tan afortunado esta vez, ayúdese con un ejemplo de cortesía de FriendsOfEd. Disfrutar!

Si desea que todo el contenedor de texto tenga un enlace, use la herramienta Selección para seleccionar el contenedor, y luego use las propiedades Enlace y Destino en el área de Opciones avanzadas de caracteres del panel de Propiedades de la misma manera.

Aplicando un hipervínculo al texto.

Tan fácil como es este enfoque, un inconveniente es el subrayado de hipervínculo agregado al texto. Simplemente no se puede quitar. Aún así, los hipervínculos pueden ser absolutos, como http://www.SuperSite.com/thisPageHere.html, o pariente, como../thisOtherPage.html. Para las rutas relativas, es importante saber que la ruta se determinará no desde el punto de vista del SWF, sino desde el archivo HTML que la contiene..

Por ejemplo, puede optar por mantener todos sus archivos HTML en la raíz de su sitio web. Debido a que usted es un desarrollador organizado, puede elegir colocar todos sus archivos de imagen en su propia subcarpeta de la raíz y puede hacer lo mismo con su contenido de Flash. Desde el punto de vista de un SWF, la ruta relativa a todos los archivos HTML requiere retroceder una carpeta. Por lo tanto, si un SWF se vincula a una de esas páginas, es posible que tenga la tentación de preceder el nombre de archivo del destino con ... /, ¡pero no lo haga! El archivo HTML que contiene el SWF en cuestión ya está en la misma carpeta que la página de destino, y lo que importa es el punto de vista del archivo HTML que contiene..


Uso de ActionScript para agregar hipervínculos a texto TLF

Como vio en el ejemplo anterior, puede utilizar un fragmento de texto en un contenedor para activar un evento en el escenario de Flash. No hace falta decir que se puede utilizar el mismo fragmento de texto para iniciar una página web. En lugar de repetir todo lo hecho anteriormente, abra el adjunto TLF_Hyperlink_AS.fla archivo y veamos cómo se logra esto.


Paso 1: Seleccione

Desplácese hasta la línea 32 del panel Script.

Selecciona la palabra NINGUNA, y cambiarlo a SUBRAYAR. El resultado de este cambio es que el texto al que se puede hacer clic se vea como un hipervínculo HTML común que usa un subrayado.


Paso 2: LinkElement ()

Presione la tecla Intro (Windows) o Retorno (Mac) dos veces, e ingrese el siguiente bloque de código:

 var link: LinkElement = new LinkElement (); link.href = "http://www.friendsofed.com"; var linkSpan: SpanElement = new SpanElement (); linkSpan.text = "Haga clic aquí"; link.addChild (linkSpan); var span: SpanElement = new SpanElement (); span.text = "para descargar los archivos para este libro."; p.addChild (enlace); p.addChild (span); textFlow.addChild (p);

Como puede haber reunido, todos los elementos en un contenedor TLF están influenciados o gestionados por elementos. Las dos primeras lineas establecen que una variable llamada enlazar será gestionado por un LinkElement y será colocado en un LinkElement () objeto. La siguiente línea usa el común. href etiqueta de HTML para identificar el enlace.

Ahora que ha establecido a dónde va el enlace, a los amigos del sitio web de ED, crea un intervalo para el texto en el que se hará clic, coloca el texto en el intervalo y utiliza addChild () método para poner el linkSpan en el escenario.

El resto del código agrega el texto restante, asocia el enlace al texto en la oración (pag), coloca la frase en el escenario y la envía a la flujo de texto envase.


Paso 3: Prueba

Guarde el archivo y pruebe la película. El texto que contiene el enlace, como se muestra abajo, es azul y tiene un subrayado bastante elegante. Haga clic en el enlace y se abrirá la página de inicio de amigos de ED..

Utilizando la SUBRAYAR constante agrega el subrayado HTML común que los usuarios están acostumbrados a.

Importar declaraciones utilizadas para este ejercicio

Estas son las declaraciones de importación utilizadas para este ejercicio:

 importar flash.display.Sprite; importar flashx.textLayout.container.ContainerController; importar flashx.textLayout.elements.Configuration; importar flashx.textLayout.formats.TextLayoutFormat; importar flashx.textLayout.formats.TextAlign; importar flashx.textLayout.elements.TextFlow; importar flashx.textLayout.elements.ParagraphElement; importar flashx.textLayout.edit.EditManager; importar flashx.undo.UndoManager; importar flashx.textLayout.formats.TextDecoration; importar flashx.textLayout.elements.LinkElement; importar flashx.textLayout.elements.SpanElement;