[转帖]Flex 调整 Panel 尺寸消除滚动条

最新推荐文章于 2021-02-16 07:53:24 发布

原创最新推荐文章于 2021-02-16 07:53:24 发布 · 152 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #XML

Flex 专栏收录该内容

6 篇文章

订阅专栏

本文提供了一段Flex布局的代码实例，展示了如何在Flex应用中动态调整面板大小以适应图片显示。通过按钮触发，可以实现图片展示及面板尺寸的自适应调整。

无意间找到的帖子,我确实对于Flex的宽高设置比较头疼,这部分代码还是有通用性的,等待我以后去验证.

<?xml version="1.0" encoding="utf-8"?>   
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">   
    <mx:Script>   
        <!--[CDATA[   
            import mx.events.FlexEvent;   
            import mx.controls.Image;   
            private var img:Image;   
            private function onClick():void  
            {   
                img = new Image();   
                img.source = "Image.PNG";   
                panel.addChild(img);   
            }   
            private function onClick2():void  
            {   
                panel.width = img.width + panel.viewMetrics.left + panel.viewMetrics.right;   
                panel.height = img.height + panel.viewMetrics.top + panel.viewMetrics.bottom;   
            }   
        ]]-->   
    </mx:Script>   
    <mx:Panel id="panel" x="133" y="98" width="398" height="360" layout="absolute">   
    </mx:Panel>   
    <mx:Button x="133" y="52" label="ShowPicture" click="onClick()"/>   
    <mx:Button x="362" y="52" label="ResizePanel" click="onClick2()"/>   
</mx:Application>