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> 

 

posted @ 2013-10-29 16:30  牧之丨  阅读(1988)  评论(0编辑  收藏  举报