Flash MX Usabilidad - texto personalizable
Componentes, Usabilidad, actionScript | Abril 6th, 2004Versión para imprimir
Esto me ha dado una idea para mejorar un aspecto de la usabilidad en flash. Si nos fijamos en la mayorí a de sitios diseñados con flash, observamos una tendencia al uso de tamaños de fuente muy pequeños, gráficamente queda muy bien, pero hay que pensar que no todos nuestros visitantes tendrán las mismas facultades ópticas de que nosotros disfrutamos.
Cuando se trata de un documento HTML, no hay problema, existen diferentes formas de aumentar el texto (a no ser que se impida mediante CSS). Mi idea es crear zonas de texto concretas (especialmente textos largos) que puedan ser aumentadas a voluntad del usuario.
Para ello he pensado en utilizar el objeto textFormat y su propiedad size. Mediante la pulsación de distintos botones o iconos, se consigue aumentar una zona de texto sin que nuestro diseño sufra desperfectos.
Código actionScrit
// – creo un nuevo objeto textFormat formato = new TextFormat(); formato.size = 14; formato.bold = true; formato.color = 0xff0000; // – asigno propiedades a los campos de texto // – // – cabecera cabecera.autoSize = true; // –titular noticia.autoSize = true; noticia.html = true; // – resumen resumen.autoSize = true; resumen.html = true; // – texto texto.multiline = true; texto.wordWrap = true; texto.html = true; // creo un objeto LoadVars datos = new LoadVars(); // con el método load cargo el contenido del archivo .TXT datos.load(“database.txt”); // si la operación ‘load’ finalizó correctamente … datos.onLoad = function() { // – formateo cabecera cabecera.htmlText = datos.cabecera; cabecera.setTextFormat(formato); // – formateo titular noticia.htmlText = datos.noticia; formato.bold = true; formato.color = 0xFFFFFFF; formato.size = 10; noticia.setTextFormat(formato); // – formateo resumen resumen.htmlText = datos.resumen; formato.bold = true; formato.color = 0x000000; formato.size = 10; resumen.setTextFormat(formato); texto.htmlText = datos.texto; // – especifico el nombre de instancia al que aplico el componente scrollBar Scrollbar.setScrollTarget(Texto); // – formateo texto noticia formato.bold = false; formato.color = 0x000000; formato.size = 10; texto.setTextFormat(formato); }; // – al pulsar uno de los botones, cambio el valor de la propiedad size del objeto textFormat btn1.onRelease = function() { formato.size = 10; texto.setTextFormat(formato); }; btn2.onRelease = function() { formato.size = 12; texto.setTextFormat(formato); }; btn3.onRelease = function() { formato.size = 14; texto.setTextFormat(formato); };
No incluyo explicación sobre la interface dado que es muy sencilla, se trata de cuatro campos de texto dinámico (como se puede apreciar en el código actionScript) que toman sus valores de una archivo de texto .txt.
Puedes descargar los archivos del ejemplo aquí