在自定义 MXML 组件中分配子组件属性的 MXML 语法是什么？

Question

我正在开发一个自定义 Flex 4 组件，它是两个现有 Flex 组件的聚合。我希望能够为组件指定我自己的自定义属性，并通过 MXML 访问现有的公共子组件属性。例如，我可能想调整标签和文本输入的字体颜色或样式。

一个聚合标签和文本输入的玩具组件：

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark" 
     xmlns:mx="library://ns.adobe.com/flex/mx" 
     >  
<fx:Script>
    <![CDATA[
        [Bindable] public var prompt:String = "default prompt";
        [Bindable] public var input:String = "default inpput";
    ]]>
</fx:Script>
<s:VGroup>
    <s:Label id="cLabel" text="{prompt}" />
    <s:TextInput id="cTextInput" text="{input}" />
</s:VGroup>
</s:Group>

然后在我的主应用程序中，我想通过 mxml 访问子组件的公共接口，而无需为每个组件重新编写传递绑定。类似于：

...
<local:myInput prompt="name" input="please enter name">
    <local:cLabel color="0xffffff" />
    <local:CTextInput fontStyle="bold" />
</local:myInput>

在 ActionScript 中，人们可以轻松地对所有公共属性执行此操作：

myInput.cLabel.color = "0xffffff";

但我对 MXML 的语法感到困惑。这看起来应该很容易，但我还没有找到答案。非常感谢任何帮助。

Answer 1

您无法使用 MXML 标记/值以菊花链方式连接显示层次结构。您可以按照您指定的方式在 ActionScript 中执行此操作，但即使这样也可能被认为是一种不好的做法。

我会指出颜色 和 fontStyle 不是属性。它们是样式所以，您拥有的代码：

myInput.cLabel.color = "0xffffff";

很可能会抛出错误，因为颜色不是属性。您必须使用这样的代码：

myInput.cLabel.setStyle('color',"0xffffff");

但是，由于样式通常由子级继承；我怀疑在顶层组件中，您可以设置样式，它会立即自动渗透到子组件中。因此，您应该能够执行以下操作：

myInput.setStyle('color',"0xffffff");

或者在 MXML 中：

<local:myInput prompt="name" input="please enter name" color="0xffffff" fontStyle="bold"  >
</local:myInput>

并且它应该向下滴落。如果您想在子组件上单独设置样式，事情会变得更加棘手。

但是，回到您最初关于属性的问题。为了保持组件的封装性，您应该创建在子组件上设置的属性。像这样的事情：

private var _property : String;
public function get property():String{
 return _property;
}
public function set property(value:String){
 _property = value;
 myChildComp.property = value;
}

如果您需要对很多属性执行此操作，那可能会很糟糕。如果该组件的封装不是优先考虑的；只需在 ActionScript 中设置它们即可。