Scroll Component

This movie requires Flash Player 8

Características:

Permite cargar dentro de un marco contenido deslizable. Dicho contenido puede ser un clip de película vinculado en la biblioteca o un archivo externo.
Versión player: 8

Parámetros

  • Ancho y Alto: Corresponden a las medidas del clip de película o archivo externo (swf, jpg, png) que contendrá el componente.
  • Velocidad: Número de pixels desplazados al hacer scroll.
  • Clip de película vinculado: Nombre de identificador de un clip de película en la biblioteca.
  • Archivo externo: URL de un archivo externo.
  • Desplazamiento suave: Valor boleano que indica si el contenido del scroll se desplaza con suavidad.

Personalización:

El componente se instancia con unos valores predeterminados. Mediante el inspector de propiedades se pueden personalizar los siguientes aspectos:

  • Color de los botones de scroll (estado reposo y sobre).
  • Color de la barra de arrastre (estado reposo y sobre).
  • Color de fondo de la barra de scroll (estado reposo y sobre).
  • Color de fondo para el contenido del scroll.

img01.png

Inspector de componentes

Como usar el componente

  1. Arrastrar componente al escenario.
  2. En la pestaña ‘parámetros’ del inspector de componentes, configurar parámetros.

Como utilizar un clip de película que está en la biblioteca

  1. Selecciona el clip de película en tu biblioteca.
  2. Haz clic con el botón derecho del mouse.
  3. Marca la opción 'exportar para actionScript'.
  4. En identificador, escribes el nombre que utilizarás en el inspector de componentes.

img02.png

Vinculando el clip de película

Descarga Ah Scroll.zip

Ah Scroll.zip se ha descargado 3,817 veces.

16 Votes | Average: 4.25 out of 516 Votes | Average: 4.25 out of 516 Votes | Average: 4.25 out of 516 Votes | Average: 4.25 out of 516 Votes | Average: 4.25 out of 5 (16 votos, promedio: 4.25 sobre 5)
Loading ... Loading ...

40 Responses to “Scroll Component ”


  1. 1 teresa Mar 8th, 2007 at 3:07 pm

    joder tio que guapo.

    te lo curras mucho, muchas gracias :)

  2. 2 gu Mar 8th, 2007 at 6:30 pm

    regalazo.

    se agradece el invento.

  3. 3 luchiano Mar 8th, 2007 at 6:37 pm

    genial. muchas gracias por compartir los recursos. a muchos diseñadores que no estan enfocados en programacion les seria imposible poder generar algunas impresiones si no existieran foros como este. gracias.
    luchiano.-

  4. 4 knoart Mar 9th, 2007 at 2:01 am

    Ey toni, llevaba ucho tiempo intentando hacer esto, gracias.

  5. 5 Sergioelmoreno Mar 9th, 2007 at 9:49 am

    Me uno a los agradecimientos.

    Impecable

    :D

    Mil Gracias,
    Xalud!!

  6. 6 charlyn Mar 9th, 2007 at 10:42 pm

    Exelente trabajo!!!!!

    gracias

    charlyn

  7. 7 pamela Mar 13th, 2007 at 7:31 pm

    toni... q puedo decir! BRAVO!
    gracias :)

  8. 8 alexrchies Mar 15th, 2007 at 9:47 am

    En primer lugar, agradecerte el ceder este recurso (yo, personalmente, lo paso bastante mal con los scrolls) y, en segundo lugar, la pregunta ;-)

    Estoy intentando acceder al contenido del clip que he insertado dentro del AH_Scroll. En concreto tengo un clip en la biblioteca que contiene un cuadro de texto y, una vez cargado en el AH_Scroll, quiero modificar su contenido. ¿Es posible acceder al cuadro de texto?

  9. 9 botom Mar 15th, 2007 at 1:58 pm

    Es genial, funciona perfectamente. Ahora a buscarle más posibilidades

  10. 10 toni Mar 15th, 2007 at 2:22 pm

    alexrchies,

    para acceder al clip que contiene el scroll, tienes que hacer lo siguiente:

    1. Asignar un nombre de instancia al componente (en el inspector de propiedades).

    2. marcar la ruta hasta el clip, por ejemplo

    Actionscript:
    1. mi_scroll.mi_clip.texto.text ='hola mundo'

    saludos

  11. 11 Jorge Mar 16th, 2007 at 3:27 pm

    Yo me uno a todos los alagos, pero quería comentar un problema que me está surgiendo... el caso es que he estado haciendo unas pruebas con MCs bastante grandes, y en el caso es que si le meto un clip de, por ejemplo 2000 px, me hace el scroll del mc enterito pero como si hubiera algún problema con la máscara, del pixel 1645 hacia abajo no me muestra el contenido del mc, es decir, el tamaño lo coje correctamente pero la máscara no me abarca todo el contenido. Sigo probando pero si toni o alguien sabe algo pues que diga a ver a que puede deberse.

    Saludos y buen curro.

  12. 12 toni Mar 16th, 2007 at 3:40 pm

    Jorge,

    si está usando el scroll con un texto muy largo, añade alguna líneas en blanco extra al final del texto.

    Tambie me iría bien si me puedes pasar el archivo que estás usando para ver donde está el error.

    Saludos

  13. 13 Jorge Mar 16th, 2007 at 3:47 pm

    Hola Toni,
    Si el problema no es que no se vea lo del final, eso ya lo había solucionado con esto que me dices, lo que me pasa es que imagínate que meto por ejemplo una imagen de 3000 px de alto, pues el scroll me lo cuenta como de 3000 px y me lo hace para ese tamaño, pero la máscara que utiliza es como si tán solo me sacar de _y=0 hasta _y=1650 mas o menos (creo que exactamente me deja de mostrar en el 1646 en el caso con el que estoy ahora).

    No te puedo pasar el .fla por que el proyecto es "un poco reservado" por ahora... joder, sueno a agente chungo del FBI... bueno, que tampoco que ralles, que si es un bug (que no digo que lo sea) pues ahí te dejo la pista y si no pues ya lo solucinaré de alguna manera.

    Gracias por tu inmediata respuesta y sobre todo por ayudarnos a todos los que nos ayudas día a día (Y GRATIS!!!)

  14. 14 matafuka Mar 16th, 2007 at 4:59 pm

    Hola toni, he de reconocer que aún me he descargao esta joya de scroll, pero joder, enhorabuena. Solo una cosa, así a bote pronto, lo que estaría guay es que ademas rulara con la rueda del ratón. Es una pequeña mejora pero le daría un toque muy bueno. Voy a intentar algo...

  15. 15 toni Mar 16th, 2007 at 5:30 pm

    matafuka,

    me parece buena idea, en cuanto tenga un poco de tiempo me pongo con ello.

    Jorge,

    no me rallo en absoluto :)

    acabo de cargar un archivo con una imagen de 8000 pixels de alto y el scroll ha funcionado correctamente mostrando la imagen al completo.

    Entiendo la privacidad de tu proyecto, pero siempre puedes simular el mismo entorno con diferentes elementos.

    Aquí el ejemplo con la imagen de 8000 px de alto.

    http://www.after-hours.org/foro_sources/rascacielos.zip

    saludos

  16. 16 Jorge Mar 16th, 2007 at 11:16 pm

    Bueno, pues nada, probaré a hacerlo de nuevo pero eso si, ya el lunes que ahora tengo todo el finde por delante para rascarme un poco la barriga.

    Muchas gracias por todo Toni y el lunes ya te dejaré un post comentándote la jugada (que espero que sea positiva, ya que si chuta chuta :D )

    Hala, buen finde para el que lea esto antes del lunes.

  17. 17 tabares Mar 18th, 2007 at 8:00 am

    muy buen aporte carnal, me gustó mucho el ejemplo, además de ser un elemento bastante facil de incorporar

    gracias.

  18. 18 Calabaza May 11th, 2007 at 12:08 am

    Maravilloso el componente, práctico y fácil de usar, pero no consigo hacer transparente el fondo del scroll me sale a 100% de color. Veo perfectamente la opción "alpha 0%" junto al selector de color y lo selecciono, pero nada siempre sale 100% opaco. Una ayudita si puede ser, gracias!

  19. 19 toni May 11th, 2007 at 12:37 am

    Hola Calabaza,

    la opción de transparencia, no la he tenido en cuenta (la incluiré en la próxima versión). Lo que puedes hacer, es editar la instancia de componente que tienes en el escenario y borrar la capa 'boundingbox'.

    Saludos

  20. 20 Gonzalo May 13th, 2007 at 6:07 am

    Buenisimo!

    Estaria bueno que funcione la ruedita del mouse!

  21. 21 Borja May 23rd, 2007 at 7:55 am

    Gracias por tu componente; Pero yo estoy teniendo muchos problemas con mi proyecto. He exportado un PDF a SWF... y si le pongo el link externo no hace nada de scroll; Si importo el SWF a la película como MC... hace el scroll, pero en cuanto lo bajo un poco me desaparece el contenido, como si el MC midiese miles de pixeles de alto.

  22. 22 Jose May 23rd, 2007 at 11:05 pm

    Eres un gran tipo. GNU Powah!!! XD

  23. 23 charlyn Jun 30th, 2007 at 6:21 pm

    Que tal tony:

    Una pregunta, puede el AHscroll cargar un archivo de texto, ya sea un ".txt (UTF-8)", o un ".xml"???
    Será eso posible?
    O es necesario poner siempre el texto dentro del swf o convertirlo en jpg?

    Espero tu respuesta.
    desde ya mil gracias

    charlyn

  24. 24 toni Jul 1st, 2007 at 3:05 pm

    Hola Charlyn,

    está pensado para cargar imágenes o swf. En el blog hay agún otro fla para scroll de texto.

    saludos.

  25. 25 Patru Aug 18th, 2007 at 3:39 am

    Gracias totales....

  26. 26 Daniel Sep 25th, 2007 at 8:49 pm

    Gracias por el componente.. necesitaba uno urgente y por suerte
    encontre tu creacion aqui...

    Saludos a la comunidad flashera !!!

  27. 27 mario Dec 5th, 2007 at 6:42 pm

    Hola toni, como todos, felicidades por el trabajo. Me parece más que utilísimo.

    Pero tengo una duda. Puede que resulte muy simple, pero... ¿Cómo puedo hacer para que el scroll quede a la izquierda del swf o del jpg en lugar de a la derecha?

    No se si será una tontería, pero lo he intentado y no me sale.

    Muchas gracias y felicidades de nuevo!

  28. 28 toni Dec 5th, 2007 at 7:04 pm

    Hola Mario, solo tienes que modificar la línea 20:

    Actionscript:
    1. // scroll_mc._x = WIDTH;
    2. // cambiar por
    3. scroll_mc._x = 0;

    Saludos!

  29. 29 mario Dec 6th, 2007 at 8:22 pm

    Muchas muchas gracias Toni,

    Me ha sido de enorme utilidad para conseguir lo que pretendía y a la vez, darme cuenta de un par de detalles para entender el código.

    Sin embargo, te pediría un último y enorme favor, aunque no sé si podrás ayudarme pues me parece que es algo más complicado.

    Mi intención es cambiar la forma del drag a un círculo, pero lo que ocurre es que falla al funcionar. Mientras mueves el drag todo va bien, se mueve dentro de "bar_mc", pero al pulsar "subir_btn" baja un poco más, saliendose de "bar_mc".

    He investigado el código, pero no saco demasiado en claro. Entre más cosas, no llego a asimilar bien el porqué de DELTA, ya que no entiendo la relación de H1 y H2.

    Ya te digo, no se si me podrás ayudar, pero de ser así te anticipo un millón de gracias.

    Saludos.

  30. 30 Jessica Dec 18th, 2007 at 11:40 am

    Hola a todos!

    Tengo una duda. ¿Alguien sabe si es posible que un cuadro de texto dinámico se ajuste automáticamente a su contenido? Su implantación es en un apartado NEWS, en el cual no todas las noticias tienen la misma longitud. El contenido lo extrae de XML.

    MUCHAS GRACIAS DE ANTEMANO!

    Jessica

  31. 31 joseclon Dec 28th, 2007 at 1:26 am

    Gracias Toni, me lo he bajado ahora y mañana le echaré un vistazo, para aprender un poco.

    ¡Muchas gracias por compartir!

  32. 32 Orion Jan 8th, 2008 at 9:42 pm

    Felicidades, el componente quede super bueno, ahora le estoy echando un look al codigo, tratando de ver porque no puedo capturar ningun evento del mouse en el clip que cargo dentro del scroller.

    Podrian darme un norte?

  33. 33 Fernando Jan 9th, 2008 at 2:43 pm

    Muchas gracias Toni... me has sido de mucha utilidad... =D

  34. 34 enrike Jan 10th, 2008 at 1:34 pm

    impresionante!!

  35. 35 enrike Jan 10th, 2008 at 1:35 pm

    gracias por las ayudas para mejorar y seguir aprendiendo!

  36. 36 toni Jan 10th, 2008 at 9:16 pm

    Me alegro que os guste ;)

    Orion,

    el problema, es que el scroll no lo hice pensando en eso, pero prometo hacer una nueva versión con esas características.

    Un saludo

  37. 37 Corsario Jan 18th, 2008 at 12:00 am

    Buen trabajo gracias por el recurso...

  38. 38 Sergi Mar 13th, 2008 at 12:31 am

    Gracias, genial scroller.
    Por cierto es posible que el fondo no tenga color o se le pueda aplicar alfa?

  39. 39 toni Mar 14th, 2008 at 3:52 am

    Hola Sergi,

    haces doble clic sobre el clip de película y en el segundo fotograma, modificas:

    Actionscript:
    1. bg_mc._visible = true

    por

    Actionscript:
    1. bg_mc._visible = false

    Saludos

  40. 40 fenix Apr 5th, 2008 at 6:03 pm


    class c {
    private static var __instancia:c;
    private var __config:Object;

    private function c () {
    __config = {
    t:1,
    e:["easeOutExpo", "easeInExpo", "easeInOutExpo", "linear", "easeOutBack"],
    colores:["0x283704", "0xFFFFFF", "0x979797","0x62860c","0x9FD127"]
    }
    }

    public static function getC():c{

    if(__instancia == null){
    __instancia = new c();
    }

    return __instancia;
    }

    public function get (id:String):Object {
    return __config[id];
    }

    }

Leave a Reply




Subscribe

Subscribe to my RSS Feeds