Change Image source in button action : Image « Graphics « Flex

Home Flex 1. Chart 2. Components 3. Container 4. Data Model 5. Development 6. Effects 7. Event 8. Graphics 9. Grid 10. Style

Flex » Graphics » Image Screenshots  Change Image source in button action               <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" initialize="init()">     <mx:Script>                      [Embed(source="logo.jpg")]             private var sunAsset:Class;             [Embed(source="logo.jpg")]             private var moonAsset:Class;             private function init(  ):void             {                 sunImage.source = sunAsset;             }             private function showMoon(  ):void             {                 sunImage.source = moonAsset;             }            </mx:Script>     <mx:Image id="sunImage"/>     <mx:Button label="Show the Moon!" click="showMoon(  )"/> </mx:Application>                                                                    Related examples in the same category 1. Use inline item renderer to display image 2. Bind Image to a variable 3. Explicit sizing for the Image control and default sizing for the Button control 4. uses explicit sizing for the Image control and default sizing for the Button control 5. Image as Button skin 6. When the user clicks the button, the action sets the visible property of the image to true to make it appear 7. Use load() method to replace a small image with a large image when the user clicks a button 8. Using GIF file as both a skin for the Button control and a source for the tag 9. Embedding three images and applies those images as skins to an instance of a Button control 10. Button with Embedded image 11. Maintain Image Aspect Ratio 12. Add image based border skin for Canvas 13. Load image from a URL 14. Working with different media types 15. Setting visibility 16. Import a green square from a SWF file that contains a library of different shapes 17. Resize logo to the exact values of the height and width properties without regard for its aspect ratio 18. Assigning an image to a variable to decouple its location 19. Use Image control to display image 20. Use a relative path to reference an image in an assets directory 21. Reference an image using a URL 22. Create image thumbnails 23. Set height and width of the image to 150 by 200 pixels 24. Resize Image to exact height and width 25. x and y properties specify the upper-left corner of image 26. Use ActionScript to set image properties 27. Use load() method to replace image 28. Text can flow around the image 29. Layout images in a Canvas 30. Png image based skin 31. Use Image control in an MXML file 32. skin based on png images 33. Do not maintain Aspect Ratio when displaying image with Image 34. Use source for Image controls and other controls that point to an external file 35. Compare Two Bitmap Images 36. Image source file 37. Load image file for an Image control with load method 38. Image control io error 39. Image Binding 40. Image Demo 41. Set Image Source to change image file for an Image control 42. Load Image With Load method from a disk file 43. Move Image 44. Load image with Loader and Paint image with graphics 45. Display Images and SWFs in HTML 46. Load and Display an Image 47. Display a Custom Loader while Loading Images 48. skin with image 49. Use the backgroundImage style to specify an image as the background of the container 50. Access a JPEG image at run time 51. Reference an image by using a URL 52. By specifying a height and width of 20 by 20 pixels, you create a thumbnail of the image. 53. Load a simple image from a local location 54. Using the tag and how text can flow around the image 55. Use @Resource directive anywhere a String might supply the location of the image. 56. Set image transform center to the right edge, corresponding to the transormX property having a value of 100 57. Image Class 58. Read and Save a User's Webcam Image 59. Embed a JPEG image into a Flex application