Aporte Scroll de texto personalizado.

[Drakerz]

El componente UlScrollBar es la forma más simple que tiene Flash de agregarle una barra de desplazamiento a un cuadro de texto. Lo usaremos cuando nesecitemos mostrar un texto largo y disponemos de poco espacio. Su funcionamiento es muy sencillo:

1. Creamos un cuadro de texto dinámico y en el panel de propiedades, en el cuadro Tipo de línea elegimos Multilínea.

2. Tomamos la herramienta selección, hacemos clic derecho sobre el cuadro y activamos la opción desplazamiento permitido.

3. Si queremos podemos activar el botón Mostrar borde alrededor del texto

4. Ahora escribimos el texto dentro del cuadro

5. Hecho esto, activamos el panel de Componentes (Ventana Componentes), vamos a la categoría User Interfaces, tomamos el componente UlScrollBar y lo arrastramos encima del cuadro de texto. Veremos que adopta automáticamente el tamaño del cuadro.

Como vemos el uso de este componente es muy sencillo, pero a la vez es poco personalízale, ya que no admite cambios en su aspecto, por lo tanto, si queremos tener distintas formas de hacer scroll, debemos hacerlo de manera manual, a continuación les dejo tres formas distintas de crear scroll de texto personalizados.

Scroll de texto paso a paso (renglón x renglón)
1. Dibujar la figura que queremos.
2. Crear un cuadro de texto dinámico y colocarle como nombre Var: texto.
3. Escribir el texto dentro del cuadro o pegarlo.
4. Crear dos botones, colocarlos en su posición y a cada botón asignarle el siguiente código

Botón Arriba:

Código:

on(press){
	texto.scroll = texto.scroll-1;
}

Botón Abajo:

Código:

on(press){
	texto.scroll = texto.scroll+1;
}

Scroll de texto manteniendo presionado el Mouse.

1. Dibujar la figura que queremos.
2. Crear un cuadro de texto dinámico y colocarle como nombre Var: texto.
3. Escribir el texto dentro del cuadro o pegarlo.
4. Crear dos botones, colocarlos en su posición y a cada botón asignarle el siguiente código

Código:

on(press){
	presionado = true;
}
on(release){
	presionado = false;
}

A cada botón convertirlo en clip de película y asignarle el siguiente código:

Bóton Arriba:

Código:

onClipEvent(enterFrame){
	if(presionado){
		_root.texto.scroll-=1;
	}
}

Bóton Abajo:

Código:

onClipEvent(enterFrame){
	if(mousearriba){
		_root.texto.scroll+=1;
	}
}

Scroll de texto al pasar el mouse

1. Dibujar la figura que queremos.
2. Crear un cuadro de texto dinámico y colocarle como nombre Var: texto.
3. Escribir el texto dentro del cuadro o pegarlo.
4. Crear dos botones, colocarlos en su posición y a cada botón asignarle el siguiente código

Código:

on(rollOver){
	mousearriba = true;
}
on(rollOut){
	mousearriba = false;
}

A cada botón convertirlo en clip de película y asignarle el siguiente código:

Botón Arriba:

Código:

onClipEvent(enterFrame){
	if(mousearriba){
		_root.texto.scroll-=1;
	}
}

Botón Abajo:

Código:

onClipEvent(enterFrame){
	if(mousearriba){
		_root.texto.scroll+=1;
	}
}

Extras: Bueno este fue mi 2 aporte en el foro espero que les allá gustado!

Drakerz

[castid]

graxias por el tutorial...
tienes el ejemplo para ver como queda

[Drakerz]

Iniciado por castid

graxias por el tutorial...
tienes el ejemplo para ver como queda

Acá te dejo un Ejemplo de como quedaría:

[Jime25]

Gracias por el tutorial, creo que a varios les va a servir
Saludos!!

[Drakerz]

Iniciado por Jime25

Gracias por el tutorial, creo que a varios les va a servir
Saludos!!

De nada! Me alegra que les allá gustado el tutorial!

Saludos!!