Componente ScrollPane

12

Hola estudioso del fascinante mundo flash, en esta ocasión presento el uso de una de las herramientas que tiene integradas Flash 8 (Componentes). Este tipo de componente es de mucha utilidad ya que permite importar archivos (jpg, gif, png y swf) de tamaño más grande que la película original, esto es que la película puede tener por ejemplo dimensiones de 150 * 150 píxeles mientras que la imagen a importar puede tener dimensiones de 800 * 700 píxeles. La imagen importada es explorada por medio de los dos scroll que pose el componente. Mucho ojo el archivo a importar nunca esta presente en la biblioteca este es un archivo externo. Good luck!! ¿Comenzamos?.

1-. Comenzar por hacer un documento (ctrl. + J).

a)-. Las dimensiones son 250 * 250 píxeles.

b)-. Utilizar como color de fondo #D4D0C8.

c)-. Usar como velocidad de fotogramas 12 fps.

2-. La película esta desarrollada en su totalidad en la Escena, lo cual evita tener mayores complicaciones.

a)-. Hacer visible el panel de componentes (ctrl. + F7 ó vía Ventana >> Componentes).

b)-. Dar clic en User Interface.

c)-. Arrastrar el componente ScrollPane a la Escena.

3-. Seleccionar el componente insertado en la escena y dar dimensiones 230.0 * 230.0 píxeles.

a)-. Colocar después el componente en coordenadas X = 10.0 y Y = 10.0.

4-. Seleccionar el componente de la escena.

a)-. Hacer visible el panel de Inspector de componentes (Alt. F7 ó vía Ventana >> Inspector de componentes).

b)-. Modificar las siguientes casillas de este panel.

contentPath aquí escribir el nombre con la extensión del archivo ejemplo gato.jpg (gato.gif gato.png gato.swf). hLineScrollSize escribir el número 25 esto permite hacer avanzar más el scroll horizontal. En scrollDrag seleccionar la opción true con el fin de mover el archivo importado por medio del ratón. Por último modificar vLineScrollSize escribir el número 25 el esta casilla esto permite avanzar más rápido el scroll vertical.

5-. Por ultimo guardar los archivos en la misma carpeta para que el tuco pueda funcionar.

a)-. O con solo guardar en una sola carpeta el swf y el archivo a importar jpg, gif, png o swf con eso bastara.

Con esto queda concluido el súper tutorial, que tal fácil o difícil de hacer el tutorial well done!!

P.D. Presionar ctrl. + Enter para visualizar el resultado de la película. Que te gustaría ver como tutoriales, las sugerencias serán tomadas en cuenta. Hasta pronto : ).

Visualizar archivo swf de este tutorial

Descarga el archivo fla de este tutorial

No hay artículos relacionados.

12 comentarios para “Componente ScrollPane”

  1. Este site es tremendo recurso. Los felicito.

    TEMA
    ScrollPane y navegacion por botones
    para localizar temas en específico

    En vez de usarlo con una foto,
    lo usaría con un bloque de texto Vertical
    que tenga varios temas (por ejemplo 4)

    4 botones se dirigiran a cada uno de los 4 temas
    pero al llegar al tema específico con el boton,
    el texto no cabe en la pantalla y entonces usaria
    el scroll.

    Saludos desde Puerto Rico
    Felipe R.

  2. Alejandro Ríos says:

    estimado webmaster de veradd que este es un buen sitio una uena herramienta los felicito, pero me gustaria saver si me pueden ayudar con este mismo scrollpane pero en lugar de importar la imajen quiero que la tome de la biblioteca un movie clip

    GRACIAS

  3. bueniiiiiisimo les felicito me resolvieron un problema muy grande soy de bolivia espero que sigan con este tipo de ayudas chauuuuu

  4. Walter says:

    Estimado necesito hacer uno Scrollpane con texto y no me sale, Me estoy volviendo loco!
    Gracias
    Walter – Argentina

  5. hugo says:

    hola, ojala me ayudaran. hey creado un ecrollpane con un texto al interno. mi problema es que cuando abro en anteprima me doy cuenta que el texto esta muy pegado al margen izquierdo. como puedo hacer poder separar el texto del margen izquierdo?. chao y felicitaziones por el sito que es una grande ayuda.

  6. fer says:

    hola, muy buena clase! sabes si se pueden ajustar los parámetros del largo de la imagen que se va a cargar? porque lo hice con un jpg y no me lo muestra entero y no encuentro como solucionarlo…
    Graciasss, chau

  7. Julián says:

    Muchas gracias, una clarísima explicación. Me ha resuelto un problema que llevaba dos días haciéndome sufrir!

    Súper

  8. José says:

    Hola, que tal?

    Estoy teniendo problemas con el scrollpane.
    Cuando ejecuto el archivo desde mi pc, o haciendo ctrl+enter con el flash todo funciona perfecto, pero cuando subo este archivo a internet en el scrollpane no se visualiza el contenido (que en este caso es un movieclip). Por que puede pasar esto, me está faltando algo?

    Tampoco se vé el gato de este tutorial cuando lo ejecuto desde mi pc con el flash.

    Gracias por el tuto y espero puedas ayudarme.
    Saludos

  9. Henry says:

    Hola, espero puedas ayudarme.
    Lo que necesito es que al realizar un zoom tambien se muestre el scrollbar horizontal y vertical, como puedo hacer esto!!??

    saludos
    Henry

  10. yo misma says:

    Hola chicos
    Me ha salido de muerte este turorial, pero lo que necesito es para hacerlo con varias imágenes.
    ¿Alguien me puede ayudar?

    Muchas gracias

  11. Ramses Vizcaino says:

    Como carajo hago para poner una imagen de mas de 6000 px de alto y que salga entera??? (en AS 3.0 se puede sin problemas, pero no entiendo ni pizca)

    Parece que se corta a los 3000pxs, si tienen la respuesta enviarla a dmaster.dimensions@gmail.com

    Por favor que la respuesta sea en AS 2.0

  12. Ivan says:

    Muy bueno el tutorial pero tiene un problema y me gustaria saber la solución.
    una vez que carga la imagen la carga fuera del ScrollPane, esto lo hace la primera vez, si le doy de nuevo ya aparece dentro del scroll pane.

    porfavor ayudaaaaaaa!

    gracias

Dejar un comentario