The following example shows how you can open a new browser window/tab by double clicking a Flex Image control by setting the doubleClickEnabled property to true and calling the navigateToURL() method
Full code after the jump.
Continue reading ‘Opening a new browser window by double clicking an Image control in Flex’
The following example shows how you can round the corners on a Flex Image control by creating a rounded Sprite control using the drawRoundRect() method and setting the mask property.
Full code after the jump.
Continue reading ‘Rounding the corners of an Image control in Flex using a mask’
The following example shows how you can rotate a Flex Image control along its x-axis, y-axis, and z-axis using the new rotationX, rotationY, and rotationZ properties in Flash Player 10 and Flex “Gumbo”.
Full code after the jump.
The following example shows how you can add a complete effect on a Flex Image control by setting the completeEffect effect using MXML, CSS, or ActionScript.
Full code after the jump.
Continue reading ‘Setting a complete effect on an Image control in Flex’
The following example shows how you can prevent the Flex Image control to automatically loading an image when setting the Image control’s source property by setting the autoLoad property to false and then explicitly loading the image using the load() method.
Full code after the jump.
Continue reading ‘Preventing an image from automatically loading in an Image control in Flex’
The following example shows how you can maintain a loaded image’s original aspect ratio on a Flex Image control by setting the maintainAspectRatio property.
Full code after the jump.
Continue reading ‘Maintaining an image’s aspect ratio on an Image control in Flex’
The following example shows how you can detect when the source property has changed on a Flex Image control using the sourceChanged event.
Full code after the jump.
Continue reading ‘Detecting when the source changes on an Image control in Flex’
The following example shows how you can display an error string on the Flex Image control when an image is unable to be loaded.
Full code after the jump.
Continue reading ‘Displaying an error tool tip for an Image control in Flex’
The following example shows how you can skew a Flex Image control vertically and horizontally using the Transform and Matrix classes.
Full code after the jump.
In a previous example, “Using the ImageSnapshot class to capture images as JPEGs or PNGs in Flex 3″, we saw how you could convert an item on the display list into a base64 encoded string.
The following example shows how you can take a base64 encoded string and load it into a Flex Image control using the decode() and toByteArray() methods in the mx.utils.Base64Decoder class, and the load() method in the mx.controls.Image class.
Full code after the jump.
Continue reading ‘Displaying an image saved as a Base64 encoded string in Flex 3′
Similar to a previous example, “Creating a simple image gallery with the Flex HorizontalList control”, the following example shows how you can create a simple photo gallery in Flex using the TileList control, Image control, and the PopUpManager class.
Full code after the jump.
Continue reading ‘Creating a simple image gallery with the Flex TileList control’
The following example shows how you can set a custom broken image skin for the Flex Image control by setting the brokenImageSkin style.
Full code after the jump.
Continue reading ‘Setting a custom broken image skin for the Image control in Flex’
I’ve seen this request come up a few times before in various mailing lists, forums and bug reports, so thought I’d do a brief post on it.
The following example shows how you can display a hand cursor when the user moves their mouse over an Image control in Flex by setting the useHandCursor property and buttonMode property to true, as seen in the following snippet:
<mx:Image source="image1.jpg" useHandCursor="true" buttonMode="true" />
Full code after the jump.
Continue reading ‘Displaying a hand cursor when mousing over a Flex control’
The following example shows how you can listen for the httpStatus event on a Flex Image control to see if an image loaded successfully or not.
Full code after the jump.
Continue reading ‘Detecting whether an image loaded successfully in Flex’
| M | T | W | T | F | S | S |
|---|---|---|---|---|---|---|
| « Jun | ||||||
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 | ||
