Un "slide bar" lo podemos utilizar para propósitos tales como controlar el volumen de un sonido, hacer scroll sobre un texto, ajustar el valor de una variable, etc.
Pasos a seguir:
1.- Lo primero que necesitamos es crear una línea. La comvertimos en clip de película y le asignamos el nombre de instancia "linea_mc". Ubicamos su punto de anclaje o registro a la izquierda de la misma.
2.- También creamos un pequeño rectángulo lo convertimos en clip de película y le damos el nombre de "deslizador_mc".
3.- Disponemos los dos elementos, tal y como se muestra en el gráfico. El final de la línea ha de coincidir con el centro del rectángulo.
Para poder reutilizar el componente en todos nuestros proyectos, lo vamos a "encapsular" dentro de un clip de película. De este modo lo podremos utilizar a modo de componente tantas veces como queramos.
3.- Seleccionamos los dos elementos y los convertimos en clip de película (F8) y le damos un nombre (por ejemplo "slider").
4.- Yo además he creado una caja de texto (etiqueta_txt) para mostrar la posición en que se encuentra el deslizador.
5.- Tan sólo queda añadir el código. Seleccionamos el primer fotograma (recuerda que estamos dentro del clip de película "slider") y escribimos:
posicion=0 ;
///ARRASTRAMOS///
deslizador_mc.onPress=function(){
// la sintaxis de startDrag es
//startDrag(target,[lock, left, top, right, bottom])
this.startDrag(true,0,0,linea_mc._width,0);
this.onEnterFrame=function(){
//Establecemos la posicion de 0 a 100 en que se
//encuentra el deslizador con una simple regla de tres
posicion=Math.round(this._x*100/linea_mc._width) ;
}
}
///SOLTAMOS///
deslizador_mc.onRelease=function(){
stopDrag();
}
deslizador_mc.onReleaseOutside=function(){
stopDrag();
}
///ETIQUETA///
this.etiqueta_txt.text = posicion