Simple Flex Example

web

Here's an even simpler flex example that I showed in my Flex presentation today. It uses a horizontal slider component to change the alpha transparency of an image.

<?xml version="1.0" ?>

<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml">
	<mx:HSlider id="slider" minimum="0" maximum="100" snapInterval="10" change="{img.alpha=slider.value}" />
	<mx:Image source="http://www.petefreitag.com/images/blog/kayaks.jpg" id="img" alpha="0" />
</mx:Application>


Related Entries

41 people found this page useful, what do you think?

Trackbacks

Trackback Address: 491/7E41E1789EA45D2F09976FE905536D0E

Comments

On 09/04/2007 at 3:56:09 AM EDT Rocky wrote:
1
Dude, I copy and paste the code to the source but the opactiy only limited to 0% and 100%, there's no transparency in the image

On 02/20/2008 at 12:30:41 AM EST BlindSide wrote:
2
I had to change these values to get the image to fade properly:

minimum="0" maximum="1" snapInterval="0.1"

It seems the images alpha is on a 0 - 1 scale rather than 0 - 100.

Cheers

On 02/26/2008 at 12:54:48 PM EST TomasDev wrote:
3
And, you need to set enabled="true" in the HSlider

On 04/21/2008 at 9:22:34 AM EDT Ragscoon wrote:
4
change="{img.alpha=slider.value}

to this

change="{img.alpha=slider.value/100}

On 05/20/2010 at 6:52:56 AM EDT Bridge Logic System wrote:
5
hi,

I am new am new to Adobe flex and also i am confused send me link to learn adobe flex that i will implement this asap in my Campus Erp Services

Thanks and Regard's Bridge Logic System http://www.bridgelogicsystem.com/erp-application-development.html

On 05/20/2010 at 6:54:16 AM EDT Erp Solution Prover wrote:
6
Please send me a link for best tutorials for flex

Thanks and Regard's Bridge Logic System http://www.bridgelogicsystem.com/

On 12/16/2010 at 10:08:52 AM EST Sagar wrote:
7
please keeps send me the daily

Post a Comment




  



Spell Checker by Foundeo

Recent Entries



foundeo


did you hack my cf?