GroubBox в Flex 3 с заголовком

Question

Мне нужно иметь групповую рамку в flex 3 - простая граница с заголовком вверху, но заголовок вверху не должен иметь границы.

Я искал в сети, и самое близкое, что я мог получить с источником

http://keg.cs.uvic.ca/flexdevtips/titledborder/srcview/

Но проблема в том, что я не могу просмотреть в режиме разработки, что находится в рамке группы. Кто-нибудь знает, как это исправить?

Тогда я решил пойти с холстами и коробкой ввода

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*">
<mx:TextInput 
        text="This should be my label" 
        x="124" y="72" 
        width="166" height="32" 
        borderStyle="solid" 
        fontWeight="bold" 
        color="#003366" backgroundColor="#D81010"/>

<mx:Canvas x="107" y="88" width="263" height="200" borderStyle="solid" label="Testst">
</mx:Canvas>            
</mx:Application>

Но я не могу заставить Textinput быть поверх холста. Через окно есть линия, как на картинке ниже

Кто-нибудь знает, как решить эту проблему или есть идея получше?

Спасибо

Answer 1

Чтобы пользовательский компонент работал в режиме разработки, необходимо скомпилировать код в библиотеку SWC. Затем обратитесь к библиотеке SWC в вашем проекте приложения. Я никогда не удосужился сделать это, я думаю, вы можете получить смешанные результаты. Я не потрудился с режимом дизайна более 5 лет:)

Причина, по которой компонент окна (в URL-адресе, который вы указали в вопросе) работает в режиме разработки, заключается в том, что он расширяет компонент Flex. TitleWindow, Поскольку он расширяет существующий компонент Flex, я предполагаю, что режим проектирования знает, как его отобразить.

Answer 2

То, что вы ищете, является компонентом, эквивалентным "fieldset" в HTML. Было бы проще использовать компонент create для лучшего контроля стиля. Для Flex 2/3 вы можете использовать jwopitz-lib; но если вы можете использовать Flex 4 или выше, попробуйте компонент ShinyLib (в частности, класс FieldSet и скин FieldSet). Было бы проще, если бы вы могли перенести приложение на Flex 4 или последнюю версию Flex, вы бы столкнулись с гораздо большим количеством компонентов.