Flex 学习之路之十二用户接口user interface 使用parentDocument 属性

原创于 2017-10-10 16:45:43 发布 · 356 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#使用parentDocument 属性

flex 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一个Flex应用中如何使用parentDocument属性来动态调整子组件的大小。通过将子组件AccChildObject.mxml的宽度和高度设置为父窗口相应尺寸的百分比，实现了组件间的尺寸同步。

使用parentDocument 属性

<?xml version="1.0"?>
<!-- containers\application\AppParentDocument.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:MyComps="myComponents.*"
width="100%" height="100%">
<s:layout>
<s:VerticalLayout/>
</s:layout>
<!-- Include the AccChildObject.mxml component. -->
<MyComps:AccChildObject/>
</s:Application>

上图中的倒数第二行实际上是调用了另一个文件的内容

<?xml version="1.0"?>
<!-- containers\application\myComponents\AccChildObject.mxml -->
<mx:Accordion xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:s="library://ns.adobe.com/flex/spark"
width="{parentDocument.width*.80}"
height="{parentDocument.height*.50}">
<mx:HBox label="Child HBox"/>
</mx:Accordion>

宽度和高度实际上调用了父窗口的值