Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   Flex (http://www.flasher.ru/forum/forumdisplay.php?f=84)
-   -   VBox c cornerRadius и чайлды. (http://www.flasher.ru/forum/showthread.php?t=144765)

BregoXX 20.09.2010 19:23

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

<?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

Код AS3:

<?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>

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


Часовой пояс GMT +4, время: 12:10.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.