Стирание компонентов на холсте

Question

Проблема в том, что при изменении фона верхней или нижней метки верхняя или нижняя кнопка стираются.

<mx:Canvas width="100%" height="100%">
        <mx:LinkButton icon="{icon1}" width="25" x="10" y="10"/>
        <mx:LinkButton icon="{icon2}" width="25" x="10" y="100" />
    <s:VGroup width="100%" height="100%" id="lst" click="highlight(event.target as Label)" gap="0">
        <s:Label />
        <s:Label />
        <s:Label selected="true" />
        <s:Label />
        <s:Label creationComplete="fillList()"/>
    </s:VGroup>
</mx:Canvas>

    private function highlight(label:Label):void {
        setStyle("backgroundColor", "#DDDDDD");
    }

Так кто-нибудь знает возможное решение этой проблемы?

Answer 1

VGroup располагается над кнопками, поэтому, когда вы заполняете фон метки, она закрывает кнопку.

Если вы переупорядочиваете компоненты таким образом, чтобы кнопки располагались сверхуVGroup, этого не произойдет.

Буквально поместите VGroup перед кнопками в списке дочерних элементов в Canvas.