настраиваемый компонент 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> будет иметь.

Есть идеи, как я могу это добавить? Нужно ли заставить его наследовать что-то или что-то еще

Answer 1

Попробуйте использовать метатег [Inspectable] в своем коде

[Inspectable]
private var field1:String;

[Inspectable]
private var field2:String;

Не уверен, что проверяемые члены могут быть частными. Если [Inspectable] один не делает этого, попробуйте сделать переменные public или protected.

Answer 2

Эти переменные должны быть открытыми. Переменные доступны на панели свойств после установки их как общедоступных.

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

Answer 3

Вам нужно поместить любые пользовательские компоненты, которые вы хотите просмотреть таким образом, в проект библиотеки и сделать из него SWC, а затем использовать SWC вместо только исходного кода http://blog.another -d-mention.ro / программирование / create-professional-flex-components / .

НТН;

Amy