apache-flex - 自定义 flex 组件，设计视图中的可视化控件

Question

你知道如果你将一个<mx:Label>或<s:Label>组件拖到你的 Flex 项目中，当你进入设计模式时，你会在右边看到这个面板来设置它的属性，比如text等等。

我有一个自定义组件，可以使用 actionscript 或 mxml 调用，如下所示：

<comps:TheComp field1="OK" field2="Yes" />

组件接受此输入并将其用于其内部操作

private var field1:String;
private var field2:String;

private function initializeit()
{
   // component takes the input and lays it out as needed
}

当我进入设计模式时，我可以看到自定义组件下的组件，我可以将它拖到舞台上并看到它，但不能field1 and field像正常<s:Label>或<mx:Label>应该有的那样在右侧直观地设置它的值。

知道如何添加吗？我是否需要让它继承某些东西或其他东西

score 2 · Accepted Answer

尝试[Inspectable]在代码中使用元标记

[Inspectable]
private var field1:String;

[Inspectable]
private var field2:String;

不确定可检查成员是否可以是私有的。如果仅 [Inspectable] 无法做到这一点，请尝试制作 varspublic或protected.

score 0 · Accepted Answer

这些变量必须是公开的。将变量设置为公共后，可以从属性面板访问变量。

public var field1:String;
public var field2:String;

score 0 · Accepted Answer

您需要将任何想要以这种方式查看的自定义组件放入库项目中并从中制作一个 swc，然后使用 swc 而不仅仅是源代码http://blog.another-d-mention.ro/programming /create-professional-flex-components/。

HTH;

艾米

3 回答 3