Nuevas Características de Flash MX / Mejoras de Productividad (Parte I)
Subtitles of the Movie
En Flash hay muchas mejoras de productividad. Aqui veremos algunas de las modificaciones mas importantes y como pueden ayudar al programador a trabajar con esta poderosa herramienta. Mi mejora de productividad favorita es "Property Inspector" Inspector de Propiedades. Si ha usado Flash, sabe que para encontrar configuraciones correctar es necesario buscar en varias paletas lo que a menudo significa excluir una o dos configuraciones. Flash MX cambia todo esto al situar las opciones mas importantes en una ventana sensible al contexto llamada "Property Inspector"; tras usar Flash MX durante algun tiempo, pronto me entusiasme con ella. A veces, en este unico panel aparecen las configuraciones mas importantes del objeto escogido en cierto momento. Veamos brevemente al Inspector de Propiedades. Si no ha sido seleccionado en el escenario actual (por lo general se halla en la parte inferior de la pantalla), vaya al "Window" y escoja "Properties". Tambien puede usar el metodo abreviado con las teclas Command-F3 en un Macintosh o Ctrl-F3 en un PC. Una vez que active esta ventana, aparecera en la parte inferior del escenario. En este formulario en que no hay ningun objeto seleccionado, se muestran datos sobre la pelicula como Tamano o "Size", Color de Fondo o "Background Color", Velocidad del Fotograma o "Frame Rate" y el Reproductor de Flash seleccionado para esta pelicula. Se trata, pues, de informacion muy basica; pero el Inspector de Propiedades realmente se destaca al ofrecerle en un solo vistazo, toda la informacion y las configuraciones relativas al objeto que haya seleccionado en el escenario. Veamos esto agregando algunos objetos al escenario, como una forma ("shape"), un boton ("button") y un simbolo ("symbol"). Si ahora hago clic en alguno de estos objetos, vera como cambia el Inspector de Propiedades para mostrar las configuraciones disponibles para ese objeto. Si, por ejemplo pulso "Shape", vea que, en el Inspector de Propiedades, se mostrara que se trata de una forma; observe, ademas, que el color de relleno aparece seleccionado, pero el del contorno ("Stroke") esta vacio. Esto se debe, por supuesto, a que hice clic una sola vez en la forma y para incluir el color del contorno hay que hacer doble clic. Si hago doble clic, el Inspector de Propiedades mostrara ahora el grosor del contorno, el cual puedo modificar y el tipo del contorno, que puedo modificar. Tambien aparece el color, que, naturalmente, tambien puedo modificar. Ahora hare clic en "Button". Observe que el boton incluye mucha mas informacion. Aqui aparecen un icono que representa el boton y el tipo de simbolo seleccionado. Aqui puede escoger opciones como "Movie Clip" o "Graphic", pero ahora optaremos por "Button". Mas adelante, al estudiar "ActionScript", vera que la opcion "Instance Name" ("Nombre de la Instancia") se usa con frecuencia; esta permite escoger un objeto en el escenario y luego el Inspector de Propiedades cambia el nombre de la instancia. Hay otras opciones como "Color" e "Instance of", que pueden modificarse; pero no lo haremos ahora. Por ultimo, hare clic en "Symbol". Observe que aparecera aqui como "Graphic" (simbolo grafico"); como es natural aqui tambien estan "Button" y "Movie Clip"; en este caso, podemos ver de primera mano que se trata de un simbolo grafico. Como es usual, tambien tiene a su disposicion otras opciones. No obstante, consideremos este texto. Observe que se trata de un texto estatico, el cual no tiene bordes, mientras que estos dos si lo tienen. El Inspector de Propiedades le permite hacer clic en el cuadro de texto, de modo que pueda ver no solo el tipo de texto Ð"Static" ("Estatico") en este casoÐ sino tambien atributos como fuente, color, tamano, si tiene negrilla o cursiva, etc.; es decir, que el Inspector de Propiedades ofrece gran cantidad de informacion. Pero Àque significa este borde alrededor de este boton? Deseo que todos sean iguales, pero este es diferente. Si hago clic, vere que se trata de texto dinamico ("Dynamic Text") y no estatico, como deberia ser mientras que este otro, que tiene la palabra "Symbol", es un cuadro de texto de entrada "Input Text". En el Inspector de Propiedades podemos cambiar estos simbolos haciendo clic en el menu desplegable y seleccionando la opcion "Static Text". Hare lo mismo con el del centro; es decir, lo cambiare a la opcion "Static Text". Observe que todos los cuadros de texto ahora son estaticos, como deseabamos. Esto nos demuestra que el Inspector de Propiedades no solo sirve para mostrar informacion sino que tambien puede ser muy util para trabajar con los objetos de un escenario. El segundo recurso para ahorrar tiempo son, en mi opinion, los paneles y sus configuraciones. Aunque el Inspector de Propiedades es muy potente y pone al alcance de su mano las opciones mas usuales no siempre puede ofrecerle todas las opciones disponibles en un entorno de programacion en Flash. Es aqui donde entran en juego los paneles. En "Window" aparecen distintos paneles disponibles en un entorno de autoria, tales como "Align", "Color Mixer", "Color Swatches", "Action", "Debugger", "Movie Explorer", "Reference", etc. Al seleccionar una de estas opciones, aparecera un panel flotante independiente. A continuacion puede dejar que el panel flote de modo independiente, como en este caso o, si hace clic en la region de arrastre, seleccionarlo y arrastrarlo para anadirlo al panel principal. Observe que el panel Escena o "Scene", que habiamos seleccionado en el menu "Window", esta ahora anclado adecuadamente en el panel principal. Este panel puede minimizarse haciendo clic en este triangulo para dejarlo en posicion de "cerrado". Si desea eliminar este panel del panel principal bastara con arrastrarlo fuera de este, dejarlo como panel flotante y hacer clic en el boton de cierre. En cada version de Flash, Macromedia ha incluido distintas configuraciones de panel, o "panel sets". Estas no son mas que disenos de pantalla con las opciones mas usadas por disenadores o programadores. Seleccionare la opcion "Panel Sets" y escogere la opcion "Designer (1024x768)". Vea que aparecen Disenador "Designer" o Desarrollador "Developer" y la resolucion de la pantalla, para darnos una referencia rapida. Seleccionare la configuracion de pantalla que mejor se adapte a la resolucion de mi pantalla; en este curso es de 800x600 de modo que cree una configuracion personalizada. Como ve, la pantalla se configura automaticamente: el Inspector de Propiedades esta activo, asi como los distintos paneles adecuados para un programador, los cuales aparecen a la derecha, en el panel principal.
Tutorial Information
| Course: | Macromedia Flash MX Intermediate Developer (Español) |
| Author: | Eric Hake |
| SKU: | 33754 |
| ISBN: | 1-933736-77-1 |
| Release Date: | 2007-03-30 |
| Duration: | 7 hrs / 93 lessons |
| Captions: | Available on CD and Online University |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 98,729 Video Tutorials (23,265 free)
- Video Available as Flash or QuickTime
- Over 1026 Courses
- $30 for One Month Access
- Multi-User Discounts Available
United States 