VBox c cornerRadius и чайлды.

[BregoXX]

Имеется VBox. У него выставляется cornerRadius и потом добавляются в него LinkButton.
У LinkButton`а при наведении на него меняется бекграунд колор, который представляет собой прямоугольную заливку. И получается, что эта прямоугольная область выезжает за пределы VBox, если у него выставлен корнеРадиус.

<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Halo LinkButton control. -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="cre()" backgroundColor="red" height="200" width="200">
    <fx:Style source="datagridskin.css"/>
 
    <fx:Script>
        <![CDATA[
            private function cre():void {
                qwe.setStyle("cornerRadius", 15);
                qwe.setStyle("backgroundColor", "blue");
            }    
        ]]>
    </fx:Script>    
    <mx:VBox width="150" height="150" id="qwe">
        <mx:LinkButton label="32121312"/>
        <mx:LinkButton label="sdfsd"/>
        <mx:LinkButton label="sdfsd"/>
        <mx:LinkButton label="sdfsd"/>
    </mx:VBox>
</s:Application>

[GBee]

Странное поведение меня давно бесит. Наложите сверху маску округлую.

[BregoXX]

Наложите сверху маску округлую.

А как это делается? Никогда не юзал маски...

[GBee]

<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Halo LinkButton control. -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="cre()" backgroundColor="red" height="200" width="200">
    <fx:Style source="datagridskin.css"/>
 
    <fx:Script>
        <![CDATA[
            private function cre():void {
                qwe.setStyle("cornerRadius", 15);
                qwe.setStyle("backgroundColor", "blue");
            }    
        ]]>
    </fx:Script>    
    <mx:VBox width="150" height="150" id="qwe" mask="{qweMask}">
        <mx:LinkButton label="32121312"/>
        <mx:LinkButton label="sdfsd"/>
        <mx:LinkButton label="sdfsd"/>
        <mx:LinkButton label="sdfsd"/>
    </mx:VBox>
<mx:Canvas width="150" height="150" id="qweMask" cornerRadius="15" backgroundColor="#990000" />
</s:Application>

Примерно так, только у апликейшена лейаут абсолютный должен быть