Class simpleButton de AS3

Posted by admin | AS3,Referencia | Monday 6 November 2006 8:40 pm

La nueva clase simpleButton de actionscript 3 permite crear un simbolo de botón mediante código.

Los objetos creados con la clase simpleButton contienen 4 propiedades que hacen referencia a los 3 estados del botón: normal, sobre y presionado, y a la zona activa del botón:

Actionscript:
  1. var boton:SimpleButton = new SimpleButton();
  2. boton.upState = sprite1;
  3. boton.overState = sprite2;
  4. boton.downState = sprite3;
  5. boton.hitAreaState = sprite4;
  6.  
  7.  
  8. Sprite1, sprite2, sprite3, sprite4 sería clips gráficos que deberemos crear con programación y serán los clips que visualizaremos para cada estado del botón.
  9.  
  10. Aquí vemos un ejemplo:
  11. var boton:SimpleButton = new SimpleButton();
  12. //——————————
  13. var up:Sprite = new Sprite();
  14. up.graphics.lineStyle(2, 0×000000);
  15. up.graphics.beginFill(0×999999);
  16. up.graphics.drawRect(10, 10, 150, 50);
  17. //——————————
  18. var over:Sprite = new Sprite();
  19. over.graphics.lineStyle(2, 0×000000);
  20. over.graphics.beginFill(0xCCCCCC);
  21. over.graphics.drawRect(10, 10, 150, 50);
  22. //——————————
  23. var down:Sprite = new Sprite();
  24. down.graphics.lineStyle(2, 0×000000);
  25. down.graphics.beginFill(0×666666);
  26. down.graphics.drawRect(10, 10, 150, 50);
  27. //——————————
  28. boton.upState = up;
  29. boton.overState = over;
  30. boton.downState = down;
  31. boton.hitTestState = up;
  32. boton.useHandCursor = true;
  33. //——————————
  34. this.addChild(boton);

 

Post relacinonados:

  1. Botones con parámetros en Actionscript 3
  2. Clase para dibujar líneas de puntos en ActionScript 3
  3. Comunicación entre clases Actionscript 3 con EventDispatcher
  4. Personalizar componentes de Flex con estilos programáticos

No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment

Get Adobe Flash playerPlugin by wpburn.com wordpress themes