Archive Page 17

textArea component & background transparente

by toni June 4th, 2004

componentes 0 Comentarios  11,099 Lecturas

Articulos relacionados.
Evitar texto seleccionado en componente textArea.
Flash MX2004 - Clase styleSheet: Carga de archivos CSS externos.
Noticias con Flash XML y CSS
Scroll Component
Utilizando contornos de fuentes incorporadas (embedFonts) en componentes de flash

Primero cambio el color del tema (en este caso, para el color de los botones de scroll)
las posibilidades son: 'haloBlue','haloOrange','haloGreen' (por defecto) o tambien puedes usar cualquier código de color, p.ej: '0x003366' y a continuación convierto el fondo del componente en invisible.

PLAIN TEXT
Actionscript:
  1. _global.style.setStyle("themeColor", "haloBlue");
  2. mitexto.depthChild0._visible = false;

Cargar archivo

PLAIN TEXT
Actionscript:
  1. datos = new LoadVars();
  2. datos.onLoad = function(succes) {
  3.     if (succes) {
  4.         mitexto.text = datos.texto;
  5.     }
  6. };
  7. datos.load("starwayToHeaven.txt");

Ejemplo

This movie requires Flash Player 8

Descarga Textarea Fondo Transparente.zip

Textarea Fondo Transparente.zip se ha descargado 1,322 veces.

2 Votes | Average: 3 out of 52 Votes | Average: 3 out of 52 Votes | Average: 3 out of 52 Votes | Average: 3 out of 52 Votes | Average: 3 out of 5 (2 votos, promedio: 3 sobre 5)
Loading ... Loading ...

La clase ContextMenu

by toni May 24th, 2004

actionScript 0 Comentarios  6,241 Lecturas

Articulos relacionados.
Clase graficaBarras (crear gráficas de barras)
maxchars: Clase que emula la propiedad maxChars sin contar espacios en blanco.
Flas 8 slideShow.
Utilizando contornos de fuentes incorporadas (embedFonts) en componentes de flash
Efecto de texto máquina de escribir.

La clase ContextMenuItem se utiliza para crear elementos de menú personalizados y visualizarlos en el menú contextual de Flash Player. Cada objeto ContextMenuItem tiene un título (texto) que se visualiza en el menú contextual y un controlador callback (función) que se invoca al seleccionar el elemento de menú.

Ejemplo

This movie requires Flash Player 8

Si bien las opciones que se han insertado en este menú, pueden parecer identicas a las que proporciona Flash Player, fijate que las acciones afectan tan solo al clip de película que activa el menú contextual.

ActionScript

Se esconden la mayoría de opciones por defecto.

PLAIN TEXT
Actionscript:
  1. var miMenuContextual = new ContextMenu();
  2. miMenuContextual.hideBuiltInItems();

Cada variable contiene una nueva instancia de la clase ContextMenuItem el primer parámetro es el texto que muestra el menú contextual , el segundo es la función (callBak) que se ejecuta al seleccionar la opción.

PLAIN TEXT
Actionscript:
  1. var aumentar = new ContextMenuItem("Aumentar Imagen", aumentar, false);
  2. var reducir = new ContextMenuItem("Reducir Imagen", reducir);
  3. var original = new ContextMenuItem("100 %", original);
  4. var descargar = new ContextMenuItem("Download", descargar)

La propiedad separatorBefore inserta una barra separadora antes del elemento especificado, en este caso, antes de ‘Download'

PLAIN TEXT
Actionscript:
  1. descargar.separatorBefore = true;

CustomItems es una matriz de objetos de la clase ContextMenuItem cada objeto de la matriz representa un elemento del menú. Aquí , añadimos los elementos del menú utilizando Array.push

PLAIN TEXT
Actionscript:
  1. miMenuContextual.customItems.push(aumentar);
  2. miMenuContextual.customItems.push(reducir);
  3. miMenuContextual.customItems.push(original);
  4. miMenuContextual.customItems.push(descargar);

En alguna de las funciones, se utiliza la propiedad enabled, para establecer si un determinado elemento del menú está disponible.

PLAIN TEXT
Actionscript:
  1. function aumentar() {
  2.     aumentar.enabled = false;
  3.     mc._xscale *= 2;
  4.     mc._yscale *= 2;
  5. }
  6. // --
  7. function reducir() {
  8.     aumentar.enabled = true;
  9.     mc._xscale /= 2;
  10.     mc._yscale /= 2;
  11. }
  12. // --
  13. function original() {
  14.     aumentar.enabled = true;
  15.     mc._xscale = 100;
  16.     mc._yscale = 100;
  17. }
  18. // --
  19. function descargar() {
  20.     getURL("http://www.after-hours.org/as/menuContextual/imgBig.zip");
  21. }

Asocia el objeto ContextMenu al objeto MovieClip 'mc'

PLAIN TEXT
Actionscript:
  1. mc.menu = miMenuContextual;

Son muchas las utilidades que se le pueden dar a esta clase, personalmente, suelo utilizarla para escrbir los créditos de un sitio web. Seguro que tu tambien le encuentras una utilidad muy pronto.

Descarga Menucontextual.zip

Menucontextual.zip se ha descargado 615 veces.

2 Votes | Average: 5 out of 52 Votes | Average: 5 out of 52 Votes | Average: 5 out of 52 Votes | Average: 5 out of 52 Votes | Average: 5 out of 5 (2 votos, promedio: 5 sobre 5)
Loading ... Loading ...

Flash MX2004 - Clase styleSheet: Carga de archivos CSS externos.

by toni May 6th, 2004

actionScript 0 Comentarios  9,692 Lecturas

Articulos relacionados.
Paregos Scroll de Texto
Flash ThickBox
Flash MX - MX2004 News Tiker
Etiquetas HTML incorporadas admitidas por Flash Player
Flash 8 : SWF metadata (indexar flash en motóres de búsqueda)

Las hojas de estilos CSS están representadas en ActionScript mediante la clase TextField.StyleSheet.

La utilización de hojas de estilo implica los siguientes pasos básicos:

  • Crear un objeto de hoja de estilos desde la clases TextField.StyleSheet.
  • Añadir estilos al objeto de hoja de estilos cargándolos desde un archivo CSS.
  • Asignar la hoja de estilos a un objeto TextField o TextArea que contenga texto con formato HTML.

Hoja de estilos (style.css)

PLAIN TEXT
CSS:
  1. p {  <span class="identifier">color</span>: #000000;
  2.         <span class="identifier">font</span>-family: Trebuchet MS, Verdana;
  3.         <span class="identifier">font</span>-<span class="identifier2">size</span>: 12px;
  4.         display: inline;
  5. }
  6. a:link {
  7.         <span class="identifier">color</span>: #0099ff;
  8.         <span class="identifier2">text</span>-decoration: none;
  9. }
  10. a:hover{
  11.         <span class="identifier">color</span>: #0099ff;
  12.         <span class="identifier2">text</span>-decoration: <span class="identifier">underline</span>;
  13. }
  14. .cabecera {
  15.         <span class="identifier">color</span>: #000000;
  16.         <span class="identifier">font</span>-family: Trebuchet MS, Verdana;
  17.         <span class="identifier">font</span>-<span class="identifier2">size</span>: 18px;
  18.         <span class="identifier">font</span>-weight: <span class="identifier">bold</span>;
  19.         display: block;
  20. }
  21. .subcabecera {
  22.         <span class="identifier">color</span>: #000000;
  23.         <span class="identifier">font</span>-style: <span class="identifier">italic</span>;
  24.         <span class="identifier">font</span>-weight: <span class="identifier">bold</span>;
  25.         display: inline;
  26. }

Arrastra un componente textArea al escenario, en el inspector de propiedades, en la casilla nombre de instancia escribe mitexto.

actionScript

Crear un nuevo objeto styleSheet

PLAIN TEXT
Actionscript:
  1. var myCSS = new TextField.StyleSheet();
  2. var cssURL = 'estyles.css'; // URL de la hoja de estilos

Función que carga la hoja de estilos. Para que el campo de texto entienda HTML, es imprescindible asignar formato HTML.

Cargar estilos

PLAIN TEXT
Actionscript:
  1. cargarCSS = function () {
  2.     mitexto.html = true;
  3.     mitexto.wordWrap = true;
  4.     myCSS.load(cssURL);
  5.     myCSS.onLoad = function(success) {
  6.         if (success) {
  7.             // -- aplicar estilos
  8.             mitexto.styleSheet = myCSS;
  9.             mitexto.text = datos.texto;
  10.         }
  11.     };
  12. };

Cargar archivo de texto
El texto que se muestra en el componente textArea es un archivo con extensión.txt que se carga via LoadVars. Si el archivo se carga correctamente se llama a una función cargarCSS que aplicará la hoja de estilos al texto.

PLAIN TEXT
Actionscript:
  1. datos = new LoadVars();
  2. datos.load('texto.txt');
  3. datos.onLoad = cargarCSS;

Ejemplo

This movie requires Flash Player 8

Descarga Stylesheet.zip

Stylesheet.zip se ha descargado 1,352 veces.

Votes | Average: 0 out of 5 Votes | Average: 0 out of 5 Votes | Average: 0 out of 5 Votes | Average: 0 out of 5 Votes | Average: 0 out of 5 (No hay votos todavia.)
Loading ... Loading ...

About

You are currently browsing the After-hours weblog archives.

Latest

Subscribe

Subscribe to my RSS Feeds

Archives

Categories