改变errortip的嵌入字体及旋转

最新推荐文章于 2026-01-11 14:19:53 发布

原创最新推荐文章于 2026-01-11 14:19:53 发布 · 420 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Flex

本文介绍了一个使用Flex布局的XML应用程序实例。该应用采用垂直布局，设置了背景颜色，并在创建完成时初始化界面。其中包含样式定义及事件处理逻辑，用于调整提示框的位置和旋转角度。


<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" 
        verticalAlign="middle" 
        backgroundColor="white" 
        creationComplete="init();"> 

    <mx:Style> 
        @font-face { 
            src: local("Comic Sans MS"); 
            fontWeight: normal; 
            fontFamily: ComicSansMSEmbedded; 
        } 

        .errorTip { 
            border-style: "errorTipAbove"; 
            fontFamily: "ComicSansMSEmbedded"; 
            fontSize: 12; 
            fontWeight: normal; 
        } 
    </mx:Style> 

    <mx:Script> 
        <![CDATA[ 
            import mx.events.ToolTipEvent; 
            import mx.controls.ToolTip; 

            private function init():void { 
                ToolTip.maxWidth = textInput.width; 
            } 

            private function textInput_toolTipShown(evt:ToolTipEvent):void { 
                var tt:ToolTip = evt.toolTip as ToolTip; 
                tt.x = textInput.x; 
                tt.y = (textInput.y - tt.height); 
                tt.rotation = 5; 
            } 
        ]]> 
    </mx:Script> 

    <mx:TextInput id="textInput" text="{new Date().toDateString()}" 
            errorString="The quick brown fox jumped over the lazy dog" 
            toolTipShown="textInput_toolTipShown(event);" /> 

</mx:Application>

标签

#XML