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

最新推荐文章于 2021-08-01 18:41:05 发布

To9m

最新推荐文章于 2021-08-01 18:41:05 发布

阅读量4.9k

点赞数

分类专栏： Flex 文章标签： flex application button function layout encoding

本文链接：https://blog.csdn.net/To9m/article/details/4735966

版权

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

摘要由CSDN通过智能技术生成

关键词 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.a