使用 [Inspectable] 构建对象检查器 IN flex

Question

我正在构建一个小工具，让用户可以在屏幕上放置一些几何图形，然后移动它们并更改它们的属性。我对 as3/flex 很陌生。

图形在 as3 中表示为对象。所以我们有了具有不同属性的 Circle、Triangle、Rectangle 类。

我喜欢做的是在用户选择图形时显示某种“对象检查器”。此检查器窗口类似于许多 IDE 中的类似内容。

现在的问题是：是否可以利用 as3 [Inspectable] 标签获取属性列表并在运行时更改它们？

如果不可能，那么如果不编写特定类型的代码来编辑每个对象，您将如何解决这个问题？

编辑：

只是为了澄清。考虑这个例子：

public class Shape { /* ... */ }

public class Triangle extends Shape { 
  public var a:Number;
  public var h:Number;
  //...
}

public class Circle extends Shape {
  public var r:Number;
  public var name:String;
  //...
}

我想让用户能够从Triangle 和r 编辑a、h 和r、name 从Circle。

根据我现在的想象，我可以走两条路：

1. 使Triangle 和Circle 实现IMyInspectable 并为每种类型编写自定义getProperties():Dictionary、getProperty(name:String):Object 和setProperty(name:String, value:Object):void 方法。这将涉及完全不雅的切换意大利面。

2. 我忘记输入第一个解决方案的时间了。 :(

Answer 1

我认为您可以使用describeType 来内省对象。不过，我可能会采取一种非常不同的方法。

创建一个接口，例如 IObjectIWantToCreatePropertyWindowFor 并让您的相关形状对象实现它。该接口可以以某种方式定义您希望在对象上可编辑的属性列表。我什至可以使它成为一个包含属性名称、显示名称和它应该具有的编辑器类型的值对象数组。每个对象都可以在其中硬编码这个属性列表。

可以编写属性窗口以根据接口值重绘自身。我很可能会以某种方式使用带有itemRendererfunction 的 List 类来做到这一点。

你想做的事情听起来并不难，但也不是微不足道的。

---

Nooga 要求更详细的解释。这都是伪代码，但是：

1) 创建接口：

package com.propertyInspector
{

    public interface IPropertyInspectable
    {

        function get inspectableProperties(  ):array;
    }
}

2) 创建一个实现 IPropertyInspectable 的类

package com.propertyInspector
{

    public class myClass implements IPropertyInspectable
    {

        public var property1 :String
        public var property2 : Int

        public function get inspectableProperties():Array{
          return [{name:'property1',type:'String'},{name:'property2',type:'String'}, ]
        }
    }
}

3) 创建您的财产检查员。

<s:List dataProvider="{someSelectedObjectThatImplementsIPropertyInspectable.inspectableProperties}">
 <s:itemRenderer>
   <s:Label text="data.name"/><s:TextInput />
 </s:itemRenderer>
</s:List>

您必须弄清楚如何将对象传递给属性检查器。并且 inspectableProperties 中的属性对象可能需要对它们所引用的实际对象的引用，以便 List 可以显示默认值。

您可以使用 itemRenderer 函数根据类型显示不同的可编辑方法。用于字符串的 TextInput、用于数字的 NumericStepper 等等。