flex Panel控件内部容器大小计算方法

最新推荐文章于 2025-11-23 03:07:22 发布

原创

最新推荐文章于 2025-11-23 03:07:22 发布 · 5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#flex #application #button #function #layout #encoding

本文介绍了在Flex中如何获取Panel控件内部容器的实际大小，重点提及了Panel的viewMetrics属性，它包含left、right、top、bottom四个属性，可用于精确计算Panel内容区域的尺寸。通过示例代码展示了如何利用这些信息动态调整Panel大小，以适应内容显示需求。

关键词 flex，panel，viewMetrics

在flex中Panel控件是一个很特殊的容器控件。这个控件看起来就像是一个窗口，因为它有标题栏还有边框。而实际的使用面积就是内部白色的部分。而Panel控件的width属性和

height属性都是包括边框的。有的时候我们需要准确的知道内部容器的大小。在没有什么好办法的情况下，只能一点一点试，试出边框的大小，非常的麻烦，而且当Panel控件的

style发生改变后，有可能边框的宽度还会发生改变。有什么办法能够准确的知道边框的大小呢。
幸好一个偶然的机会发现了Panel控件的一个属性viewMetrics，这个属性是一个EdgeMetrics对象，这个对象中有四个属性left、right、top、bottom，这个四个属性保存了上下左

右边框的值。根据这四个值就很容易得到Panel容器内部有效部分的大小了。
这有一个小例子：
<?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.h

最低0.47元/天解锁文章