Flex圆角矩形

<?xml version="1.0" encoding="utf-8"?>  
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  
                layout="vertical"  
                verticalAlign="middle"  
                backgroundColor="white">  
  
    <mx:Script>  
        <![CDATA[  
            private function checkBox_change(evt:Event):void {  
                var corners:Array = [];  
                if (tLeft.selected) {  
                    corners.push("tl");  
                }  
                if (tRight.selected) {  
                    corners.push("tr");  
                }  
                if (bLeft.selected) {  
                    corners.push("bl");  
                }  
                if (bRight.selected) {  
                    corners.push("br");  
                }  
                var str:String = corners.join(" ");  
                textInput.setStyle("focusRoundedCorners", str);  
                focusManager.setFocus(textInput);  
            }  
        ]]>  
    </mx:Script>  
  
    <mx:ApplicationControlBar dock="true">  
        <mx:Form styleName="plain">  
            <mx:FormItem label="top left (tl):">  
                <mx:CheckBox id="tLeft"  
                             selected="true"  
                             change="checkBox_change(event);" />  
            </mx:FormItem>  
            <mx:FormItem label="top right (tr):">  
                <mx:CheckBox id="tRight"  
                             selected="true"  
                             change="checkBox_change(event);" />  
            </mx:FormItem>  
            <mx:FormItem label="bottom left (bl):">  
                <mx:CheckBox id="bLeft"  
                             selected="true"  
                             change="checkBox_change(event);" />  
            </mx:FormItem>  
            <mx:FormItem label="top right (br):">  
                <mx:CheckBox id="bRight"  
                             selected="true"  
                             change="checkBox_change(event);" />  
            </mx:FormItem>  
        </mx:Form>  
    </mx:ApplicationControlBar>  
  
    <mx:TextInput id="textInput"  
                  focusThickness="10"  
                  cornerRadius="10" />  
    <mx:Button/>  
  
</mx:Application>

<?xml version="1.0" encoding="utf-8"?>  
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  
        layout="vertical"  
        verticalAlign="middle"  
        backgroundColor="white">  
  
    <mx:TextInput id="textInput"  
            focusThickness="10"  
            cornerRadius="10"  
            focusRoundedCorners="tl br" />  
  
</mx:Application>  
<?xml version="1.0" encoding="utf-8"?>  
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  
        layout="vertical"  
        verticalAlign="middle"  
        backgroundColor="white">  
  
    <mx:Style>  
        TextInput {  
            focusRoundedCorners: "tl br";  
        }  
    </mx:Style>  
  
    <mx:TextInput id="textInput"  
            focusThickness="10"  
            cornerRadius="10" />  
  
</mx:Application> 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值