sintgamas, artículos
 
Usuario:   Clave:    
   
Escribí lo que quieras:  
 
  Gastronomía| Moda| Mascotas| Industria| Om| Mi lugar| Economía| Política| Humor| Ecología| Turismo| Educación| Inmobiliarias| Sociedad| El mundo| Ocio| Música| Ciencia| Tecnología| Internet| Posicionamiento| Diseño| Deporte| Salud| Letras| Cine| Juegos| Miscelaneas| Cultura| Escultura| Pintura| Clasificados| Televisión| Alternativas| Recetas| Telefonía|  
   
 
 
27 Contanos tus ideas antes de que un sinsentido las haga estallar   por   marisita
 
 
Datagestion 2/2/2010 | 12:00:47 AM  
 
Flash, cómo crear una barra de Scroll para campo texto
barra de scroll con Flash, actionscript 2
Tags:
  Flash   barras de scroll   texto con barra de scroll en flash   barras de scroll para textos en flash   cursos flash   cursos de diseño web   Ana Abregú   DataGestion
 

 

Abre un documento nuevo, seleccionando ActionScritp 2. coloca en el escenario un campo texto de tamaño: 200 x 200, recuerda que la caja del texto se puede indicar abriendo la solapa de propiedades del campo texto y dándole el valor de ancho y alto.
Para colocar un Scholl del texto, tienes que ingresar una cantidad de texto superior a la caja de texto que se ve.
Para ello, toma cualquier texto, suficiente para que se supere el tamaño del texto, te paras en el texto con el cursor común, la flechita negra, presionas el botón derecho, seleccionar la opción: scrollable. Pegas el texto con control+V.
Ahora tienes suficiente texto para generar una barra Scholl.
Le colocas como nombre de instancia: inf_txt.
Dibuja un rectángulo de anchox alto 10 x 200, conviértelo en clip, teniendo en cuenta que la registración sea en el lado superior, el punto del medio.
Esto es para que el cero del objeto esté en el lado superior de la barra. A este objeto se le pone instancia bar_mc, será la barra de deslizamiento del cursor.
Crea un cuadrado de 10x10, conviértelo en clip, también con el punto de registración en el punto medio del lado superior. Le pones nombre de instancia cur_mc.
Colocas el cursor arriba de la barra, en la parte superior.
Ya tenemos los objetos con los que trabajaremos:
  1. hay que lograr que el cursor, cuando se presione se mueva únicamente sobre la barra de Scroll, es decir sobre el clip bar_mc.
 
El código sería:
 
izquierda = bar_mc._x;
superior = bar_mc._y;
derecha = bar_mc._x;
inferior = bar_mc._y+bar_mc._height-cur_mc._height;
 
 
cur_mc.onPress = function() {
            //le asignamos las variables   
            cur_mc.startDrag(false, izquierda, superior, derecha, inferior);
};
 
Prueba en este momento, verás que moviendo el cursor con el Mouse, tiene limitado los movimientos a la barra.
 
  1. Necesitas que al levantar el dedo, el cursos no siga “pegado” al Mouse, debe quedar suelto. El código es:
 
cur_mc.onRelease = cur_mc.onReleaseOutside=function () {
            cur_mc.stopDrag();
};
 
  1. Ahora hay que hacer que el total de lineas del texto, sea equivalente al largo de la barra menos el alto del propio cursor. Todo eso representa la cantidad de lineas totales del texto.
 
El código de la cantidad de líneas totales del texto es:
 
L=inf_txt.bottomScroll+inf_txt.maxhscroll+1;
 
El alto en pixels que debe representar esa cantidad de línas:
 
B=bar_mc._height-cur_mc._height;
 
  1. Cuando se mueva el cursor, la distancia movida, tiene que representar un número de líneas equis, que es lo que tiene que escrolear la barra, cada vez que se mueva el cursos.
Eso es una regla de 3 simple:
 
L (lineas) representa B (pixeles)
x (lineas) representa h (altura que va moviendose el cursos mientras estamos presonandolo y moviéndolo)
 
Entonces la cantidad de lineas a scrolear serían: x= L * h / B
 
En código:
 
 
bar_mc.onMouseMove = function() {
      h=cur_mc._y-bar_mc._y;
      scrolled = L*h/B;
      inf_txt.scroll=scrolled;
     
};
 
 
Ya tienes una barra de Scholl.
 
Aquí te muestro el ejemplo:
 

 
 

 

  Ana Abregú

www.anaabregu.com.ar

www.datagestion.com.ar

www.posicionamientourl.com.ar

 

 

Ana Abregú

 

 

 

 
Agregar esta página a Mister Wong Compartir
LandigPages para qué sirven
Empresas en el mundo digital
Análisis de tendencias para posicionamiento en buscadores
Acoso Troll qué debe hacer el Manager de contenidos
ASO y cómo competir por el posicionamiento
  Comentarios: 0      
 
Enviá tu comentario
Para dejar tu comentario debes ser miembro de Sintagmas.
 
 
 
 
 
 
ULTIMAS PUBLICADAS en Diseño |
  Mamparas de ducha a medida: lo que debes tener en cuenta para comprar la adecuada
redaccion2pe
 
  Textura y color
DecoradoresInterior
 
  Campamentos de verano: diversión y aprendizaje
redaccion2pe
 
  Las funciones condicionales de JavaScript
Xnechijli01
 
  La maestría de los mejores relojes.
Contenidos7
 
  JavaScript en HTML desde archivos externos
Xnechijli01
 
  Colocacion de JavaScript en HTML
Xnechijli01
 
  Las tags de HTML, parte 4
Xnechijli01
 
  Las tags en HTML, parte 5
Xnechijli01
 
  Curso de CSS, parte 7
Xnechijli01
 
 
 
 
TAGS
Flash barras de scroll texto con barra de scroll en flash barras de scroll para textos en flash cursos flash cursos de diseño web Ana Abregú DataGestion
 
 
  Contacto| Términos y condiciones| Anunciar en Sintagmas| Acerca de Sintagmas| Administrar|      
Copyright 2009 y actual de Sintagmas | Todos los derechos reservados