zoukankan      html  css  js  c++  java
  • 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> 
  • 相关阅读:
    WPF数据爬取小工具-某宝推广位批量生成,及订单爬取 记:接单最痛一次的感悟
    .net core2.1
    Ng Alain使用
    MediatR
    RN错误随笔
    【转载】DDD分层架构的三种模式
    1.RN环境搭建,创建项目,使用夜神模拟调试
    ExtJs4 笔记(2) ExtJs对js基本语法扩展支持
    ExtJs4 笔记(1) ExtJs大比拼JQuery:Dom文档操作
    vue的父子通信
  • 原文地址:https://www.cnblogs.com/exmyth/p/3394566.html
Copyright © 2011-2022 走看看