Flex mx: изображение помещается на экране

Question

У меня есть макет с изображением, я хочу, чтобы этот макет помещался на экране автоматически (поэтому я использую 100%), но когда я загружаю большое изображение, оно выходит за пределы экрана (на самом деле я могу установить mx: Image maxHeight = " "но это значение не будет одинаковым для разных разрешений экрана)

мой образец макета:

    <s:VGroup>              
        <s:BorderContainer borderStyle="solid"  width="100%" height="100%>
            <s:Scroller left="2" right="2" top="2" bottom="2">
                <s:Group id="group"> 
                    <mx:Image id="currImg" />
                </s:Group>
            </s:Scroller>   
        </s:BorderContainer>
         <!-- .....  -->
        </s:VGroup>

обновление: лучшее решение для меня

<s:VGroup width="100%" height="100%">               
   <s:BorderContainer  borderStyle="solid"  width="100%" height="100%">
    <s:Scroller left="2" right="2" top="2"  bottom="2"maxWidth="{mx.core.FlexGlobals.topLevelApplication.widht}"  maxHeight="{mx.core.FlexGlobals.topLevelApplication.height}">
       <s:Group id="group" > 
        <mx:Image id="currImg" />

Answer 1

Вам необходимо установить высоту / ширину для всех контейнеров на 100%.

<s:VGroup width="100%" height="100%">              
   <s:BorderContainer borderStyle="solid"  width="100%" height="100%">
      <s:Scroller left="2" right="2" top="2" bottom="2">

                    <mx:Image id="currImg" width="100%" height="100%" scaleContent="true" />
      </s:Scroller>   
   </s:BorderContainer>
</s:VGroup>

Answer 2

Если вы хотите, чтобы размер Image был таким же, как у вашего приложения (и при условии, что вы используете Flex 4), вы можете использовать:

maxHeight="{FlexGlobals.topLevelApplication.height}"

Это будетустановите максимальную высоту вашего изображения на ту же высоту, что и ваше приложение.