PDA

Просмотр полной версии : VBox c cornerRadius и чайлды.


BregoXX
20.09.2010, 19:23
Имеется 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
21.09.2010, 11:13
Странное поведение меня давно бесит. Наложите сверху маску округлую.

BregoXX
21.09.2010, 13:31
Наложите сверху маску округлую.
А как это делается? Никогда не юзал маски...

GBee
21.09.2010, 13:49
<?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>

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