snipplrCallback({"id":54896,"title":"flex-mobile-button-skin","source":"
  1. package skins<\/div><\/li>
  2. {<\/span><\/div><\/li>
  3. \timport<\/span> mx.events<\/span>.FlexEvent<\/span>;<\/div><\/li>
  4.  <\/div><\/li>
  5. \timport<\/span> spark.skins<\/span>.mobile<\/span>.ButtonSkin<\/span>;<\/div><\/li>
  6.  <\/div><\/li>
  7. \tpublic<\/span> class<\/span> DemoButton extends<\/span> ButtonSkin<\/div><\/li>
  8. \t{<\/span><\/div><\/li>
  9.  <\/div><\/li>
  10. \t\t\/\/Import the new assets for the background of the button<\/span><\/div><\/li>
  11. \t\t[<\/span>Bindable]<\/span><\/div><\/li>
  12. \t\t[<\/span>Embed(<\/span>source="\/assets\/filterbuttonDown.png"<\/span>)<\/span>]<\/span><\/div><\/li>
  13. \t\tprivate<\/span> var<\/span> down<\/span>:Class<\/span>;<\/div><\/li>
  14.  <\/div><\/li>
  15. \t\t[<\/span>Bindable]<\/span><\/div><\/li>
  16. \t\t[<\/span>Embed(<\/span>source="\/assets\/filterbuttonUp.png"<\/span>)<\/span>]<\/span><\/div><\/li>
  17. \t\tprivate<\/span> var<\/span> up<\/span>:Class<\/span>;<\/div><\/li>
  18.  <\/div><\/li>
  19. \t\tpublic<\/span> function<\/span> DemoButton(<\/span>)<\/span><\/div><\/li>
  20. \t\t{<\/span><\/div><\/li>
  21. \t\t\tsuper<\/span>(<\/span>)<\/span>;<\/div><\/li>
  22. \t\t\t\/\/Set the width and the height to the size of the image.<\/span><\/div><\/li>
  23. \t\t\twidth<\/span> = 243<\/span>;<\/div><\/li>
  24. \t\t\theight<\/span> = 103<\/span>;<\/div><\/li>
  25. \t\t}<\/span><\/div><\/li>
  26.  <\/div><\/li>
  27. \t\t\/\/ Override this function to return our skin images and not the normal ones. <\/span><\/div><\/li>
  28. \t\toverride protected function<\/span> getBorderClassForCurrentState(<\/span>)<\/span>:Class<\/span><\/div><\/li>
  29. \t\t{<\/span><\/div><\/li>
  30. \t\t\tif<\/span> (<\/span>currentState == "down"<\/span>)<\/span>{<\/span><\/div><\/li>
  31. \t\t\t\tlabelDisplay.setStyle<\/span>(<\/span>"color"<\/span>,0xFFFFFF)<\/span>;<\/div><\/li>
  32. \t\t\t\treturn<\/span> down<\/span>;<\/div><\/li>
  33. \t\t\t}<\/span><\/div><\/li>
  34. \t\t\telse<\/span>{<\/span><\/div><\/li>
  35. \t\t\t\tlabelDisplay.setStyle<\/span>(<\/span>"color"<\/span>,0x48250A)<\/span>;<\/div><\/li>
  36. \t\t\t\treturn<\/span> up<\/span>;<\/div><\/li>
  37. \t\t\t}<\/span>\t<\/div><\/li>
  38. \t\t}<\/span><\/div><\/li>
  39.  <\/div><\/li>
  40. \t\t\/\/ Override this function to prvent the button from drawing a background<\/span><\/div><\/li>
  41. \t\toverride protected function<\/span> drawBackground(<\/span>unscaledWidth:Number<\/span>,<\/div><\/li>
  42.                                                            unscaledHeight:Number<\/span>)<\/span>:void<\/span>{<\/span><\/div><\/li>
  43.  <\/div><\/li>
  44. \t\t}<\/span><\/div><\/li>
  45.  <\/div><\/li>
  46. \t\toverride protected function<\/span><\/div><\/li>
  47.                                 labelDisplay_valueCommitHandler(<\/span>event:FlexEvent)<\/span>:void<\/span> <\/div><\/li>
  48. \t\t{<\/span><\/div><\/li>
  49. \t\t\t\/\/super.labelDisplay_valueCommitHandler(event);<\/span><\/div><\/li>
  50. \t\t\tlabelDisplayShadow.text<\/span> = labelDisplay.text<\/span>;<\/div><\/li>
  51.  <\/div><\/li>
  52. \t\t\tlabelDisplay.setStyle<\/span>(<\/span>"fontFamily"<\/span>,"Lions Den"<\/span>)<\/span>;<\/div><\/li>
  53. \t\t\tlabelDisplay.setStyle<\/span>(<\/span>"fontSize"<\/span>,40<\/span>)<\/span>;<\/div><\/li>
  54. \t\t\tlabelDisplay.setStyle<\/span>(<\/span>"fontWeight"<\/span>,"normal"<\/span>)<\/span>;<\/div><\/li>
  55. \t\t\tlabelDisplay.setStyle<\/span>(<\/span>"color"<\/span>,0x48250A)<\/span>;<\/div><\/li>
  56. \t\t\tlabelDisplayShadow.setStyle<\/span>(<\/span>"fontFamily"<\/span>,"Lions Den"<\/span>)<\/span>;<\/div><\/li>
  57. \t\t\tlabelDisplayShadow.setStyle<\/span>(<\/span>"fontSize"<\/span>,40<\/span>)<\/span>;<\/div><\/li>
  58. \t\t\tlabelDisplayShadow.setStyle<\/span>(<\/span>"fontWeight"<\/span>,"normal"<\/span>)<\/span>;<\/div><\/li>
  59.  <\/div><\/li>
  60. \t\t}<\/span><\/div><\/li>
  61.  <\/div><\/li>
  62. \t}<\/span><\/div><\/li>
  63. }<\/span><\/div><\/li><\/ol><\/pre>","link":"https:\/\/snipplr.com\/view\/54896\/flex-mobile-button-skin"});