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 Reconoce tus errores antes de que otros los exageren. Andrew Mason   por   puntoedu
 
 
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 Diseño |
  Secretos de marketing digital desvelados
ipg7
 
  Cómo la IA esta reinventando el diseno web
ipg7
 
  Cómo conseguir el comedor ideal
Contenidos7
 
  ¿Sustituir frentes de armario o comprar uno nuevo?
Contenidos7
 
  Textura y color
DecoradoresInterior
 
  Mamparas de ducha a medida: lo que debes tener en cuenta para comprar la adecuada
redaccion2pe
 
  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 en HTML, parte 5
Xnechijli01
 
  Las tags de HTML, parte 4
Xnechijli01
 
  Curso de CSS, parte 7
Xnechijli01
 
  Tipo de documento de HTML, parte 2
Xnechijli01
 
  Tipo de documento de HTML, parte 1
Xnechijli01
 
  QUE SON LOS MACROS DE EXCEL, EXPLICACION
Xnechijli01
 
  Fabricantes de cocinas
Cocinas
 
  EL LEGADO DE LOS ABALORIOS TIBETANOS
Pandahall
 
  El discreto encanto de la bisutería
Pandahall
 
  Cómo preparar un blog para marketing virtual
Datagestion
 
  El placer de tener un vestidor o un armario a medida
Contenidos7
 
  Grabado en acero inoxidable
MMT
 
  Explosión de colorido con lámparas de techo árabes
evos1
 
  Una conversación reveladora sobre casas prefabricadas
Contenidos7
 
  ¿Cómo crear artículos más efectivos?
Sandrowilliam
 
  Decorar con césped artificial en Gran Canaria
Contenidos7
 
  El minimalismo de mis sueños en La Sénia
Contenidos7
 
  Cómo elegir la empresa adecuada para diseñar tu web
Sandrowilliam
 
  Otorgarle una buena imagen a un negocio para triunfar.
Contenidos7
 
 
 
 
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