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
SEO posicionamiento tendencias en marketing digital
Diseñar tu sitio o pedir que te lo diseñen
Aprovecha el diseño del sitio para el posicionamiento web
4 acciones potentes para marketing digital
Diseño de base de datos
  Comentarios: 0      
 
Enviá tu comentario
Para dejar tu comentario debes ser miembro de Sintagmas.
 
 
 
 
 
 
ULTIMAS PUBLICADAS en Mi lugar |
  Todo lo que debes saber sobre los tratamientos de estética dental
NAF
 
  Como llevar mejor la cuesta de enero con conservas del Cantábrico
NAF
 
  Cinco conservas exquisitas para saborear en verano
NAF
 
  Cuánto se juega a la lotería de navidad
NAF
 
  Pirdras Blancas
Sociedaccion
 
  Mudanza a piso en Barcelona inesperadamente fácil
Contenidos7
 
  Los sabores de siempre en restaurante Alcalá de Henares
Contenidos7
 
  ¡Por fin nos independizamos!
Contenidos7
 
  Cerrado por reformas
Wombat
 
  Muro, paredón o después
puntoedu
 
  Topografía desconcertante
HeridaAbsurda
 
  Este es Lucas, ayudá a encontrarlo
Gorda
 
  Ya son Maravilla del mundo, las Cataratas de Iguazú
JulioH
 
  La sordera oficial
Wombat
 
  Cascarudos gronchos
Miura
 
  Sintagmas, sitio incontaminado
Gorda
 
  Como terminar algo que aun no a comenzado
maria bello
 
  Candela, una herida abierta
Gorda
 
  Buenos aires bajo la niebla
Primate
 
  Robar un banco y salir impune
Primate
 
  Deportes para el pueblo
JulioH
 
  Servicio doméstico
Rafa*
 
  Como en casa
Primate
 
  Tributo a uruguay
Rafa*
 
  Llamadas comerciales al teléfono
Duck
 
  El abrazo del Oso
andre_laplume
 
  A los perro les encanta jugar
achrafx
 
  Inspirado en las chicas Bond
Claudio
 
  Tragedia en el Teatro Colón
Arcadia
 
  Celebración bicentenario
Claudio
 
 
 
 
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