Well that is one day to do it, but this should work better:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; layout="absolute">
<mx:Image id="myimage" maintainAspectRatio="true"
source="@Embed(source='images.jpg')"
scaleContent="true" width="100%" height="100%" horizontalAlign="middle"
verticalAlign="middle" />
</mx:Application>
So the issue with the code is more an understanding of scaling:
My expectation from this code is that the image should fit the screen,
> maintain the aspect ratio of the image and finally be both centered
> horizontally and vertically!
>
Techinically the Image above 'fits' the screen, that is its width and height
is set to 100% of the application. Since it fills the application
completely, setting verticalCenter and horizontalCenter have no effect. You
would have to set a width and height of the Image's *content* to center, not
the image itself. An important but subtle distinction. The Image control
contains an image, but will have empty space inside it also if
maintainAspectRatio is true. The alignment of the contents within the Image
is controlled by the horizontalAlign and verticalAlign styles.
Peace
C
On Mon, Nov 30, 2009 at 10:03 PM, ganaraj p r <ganara...@gmail.com> wrote:
>
>
> Hi,
>
> Thanks. Yes. But that is a workaround right?
>
> I wanted to know if this was a bug with flex! Or if there was an mxml way
> of doing it.
>
>
> On Mon, Nov 30, 2009 at 5:42 PM, Manoj Kumar <manoj_kode...@yahoo.com>wrote:
>
>>
>>
>> try this mt-
>>
>> private function onAppComplete():void
>> {
>> stage.addEventListener(Event.RESIZE,onResize);
>> _spr.x = (stage.stageWidth - _spr.width)/2;
>> _spr.y = (stage.stageHeight - _spr.height)/2;
>> _ui.width = stage.stageWidth;
>> _ui.height = stage.stageHeight;
>> }
>> private function onResize(evt:Event):void
>> {
>> _spr.x = (stage.stageWidth - _spr.width)/2;
>> _spr.y = (stage.stageHeight - _spr.height)/2;
>> _ui.width = stage.stageWidth;
>> _ui.height = stage.stageHeight;
>> }
>>
>>
>>
>> --- On *Mon, 11/30/09, ganaraj p r <ganara...@gmail.com>* wrote:
>>
>>
>> From: ganaraj p r <ganara...@gmail.com>
>> Subject: [flexcoders] Centering a Scaled Image ( Bug ? ) [1 Attachment]
>> To: flex_in...@googlegroups.com, flexcoders@yahoogroups.com
>> Date: Monday, November 30, 2009, 4:08 PM
>>
>>
>>
>>
>> I was wondering if this was a bug with flex or if I was doing something
>> totally wrong.
>>
>> The amount of code in this is extremely low, so , I was guessing that
>> there was nothing wrong from my part.
>>
>> <?xml version="1.0" encoding="utf-8"?>
>> <mx:Application xmlns:mx="http://www.adobe. com/2006/
>> mxml<http://www.adobe.com/2006/mxml>"
>> layout="absolute">
>> <mx:Image id="myimage" maintainAspectRatio ="true"
>> horizontalCenter="0" verticalCenter="0"
>> source="@Embed(source='images.jpg')"
>> scaleContent="true" width="100%" height="100%"/>
>> </mx:Application>
>>
>>
>> This is all the code there is in this application ( I am attaching the
>> app, for your reference ) .
>> My expectation from this code is that the image should fit the screen,
>> maintain the aspect ratio of the image and finally be both centered
>> horizontally and vertically!
>>
>>
>> Can someone help me out in this ?
>>
>> --
>> Regards,
>> Ganaraj P R
>>
>>
>>
>
>
> --
> Regards,
> Ganaraj P R
>
>
