flex设计报表、表格的复杂表头(类似报表的斜线表头)

 

 [Flash/ActionScript/Flex]代码

 

 

<?xml version="1.0" encoding="utf-8"?> 
 
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"  
 
    creationComplete="init()"> 
 
    <mx:Script> 
 
        <![CDATA[
 
            import mx.events.ResizeEvent;
 
            import mx.controls.Label;
 
            
 
            private const leftText:String = "月份";
 
            private const rightText:String = "户型";
 
            
 
            private var leftLabel:Label;
 
            private var rightLabel:Label;
 
            
 
            private function init():void{
 
                addLabel();
 
                drawLine();             
 
                this.addEventListener(ResizeEvent.RESIZE, onResize);
 
            }
 
            
 
            private function onResize(e:ResizeEvent):void{
 
                resetLabel();
 
                drawLine();
 
            }
 
            
 
            private function drawLine():void{
 
                var g:Graphics = this.graphics;
 
                g.clear();
 
                g.lineStyle(0.5, 0xB7BABC);
 
                g.moveTo(0, 0);
 
                g.lineTo(this.width, this.height);
 
            }
 
            
 
            private function addLabel():void{
 
                leftLabel = new Label();
 
                leftLabel.text = leftText;
 
                addChild(leftLabel);
 
                
 
                rightLabel = new Label();
 
                rightLabel.text = rightText;
 
                addChild(rightLabel);
 
                
 
                callLater(resetLabel);
 
            }
 
            
 
            private function resetLabel():void{
 
                leftLabel.x = 5;
 
                leftLabel.y = this.height - leftLabel.height - 5;
 
                rightLabel.x = this.width - rightLabel.width;
 
                rightLabel.y = 10;
 
            }
 
        ]]> 
 
    </mx:Script>   
 
</mx:Canvas>