flex打印文档

因为打印往往需要动态设置数值，并且存入后台数据库，最好的方式是使用官方的打印api，最最好的方式是使用html和官方打印flexapi结合，as+js+html+css+flex可以完美预览，数据修改和打印页面设置。富客户端嵌入了webkit内核，因此as和js通信完全没问题。需要分页可以仔细研究下flexpaper

 

下面的组件多多少少有些局限性，或者没法在air中预览，或者不能动态修改被打印数据，或者需要在服务器端进行格式转换，或者要装插件，问题多多：

1 基于JasperReports的打印http://Flex.org/software/component/xviewer

2 FlexReport: http://Flexreport.

3 AlivePDF: http://code.google.com/p/alivepdf

4 flexpaper  http://flexpaper./docs.html

 

最简单的例子如下，alivepdf仅是用来保存pdf格式的，如果需要其他格式excel,word，似乎只能在服务器端做了：

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       xmlns:mx="library://ns.adobe.com/flex/mx"
                       width="1200" height="700"
                        creationComplete="init()">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.printing.FlexPrintJob;
            import flash.sampler.NewObjectSample;
            import flash.utils.ByteArray;

            import mx.collections.ArrayCollection;
            import mx.controls.HTML;
            import mx.events.FlexEvent;

            import org.alivepdf.annotations.Annotation;
            import org.alivepdf.annotations.AnnotationType;
            import org.alivepdf.annotations.TextAnnotation;
            import org.alivepdf.colors.CMYKColor;
            import org.alivepdf.colors.RGBColor;
            import org.alivepdf.colors.SpotColor;
            import org.alivepdf.data.Grid;
            import org.alivepdf.data.GridColumn;
            import org.alivepdf.events.CharacterEvent;
            import org.alivepdf.fonts.CodePage;
            import org.alivepdf.fonts.CoreFont;
            import org.alivepdf.fonts.EmbeddedFont;
            import org.alivepdf.fonts.FontFamily;
            import org.alivepdf.fonts.IFont;
            import org.alivepdf.images.ColorSpace;
            import org.alivepdf.layout.Align;
            import org.alivepdf.layout.Mode;
            import org.alivepdf.layout.Orientation;
            import org.alivepdf.layout.Position;
            import org.alivepdf.layout.Resize;
            import org.alivepdf.layout.Size;
            import org.alivepdf.layout.Unit;
            import org.alivepdf.links.HTTPLink;
            import org.alivepdf.links.Highlight;
            import org.alivepdf.links.ILink;
            import org.alivepdf.links.InternalLink;
            import org.alivepdf.pages.Page;
            import org.alivepdf.pdf.PDF;
            import org.alivepdf.saving.Method;
            import org.alivepdf.display.Display;
            import org.alivepdf.layout.Layout;


            [Bindable]
            public var dataSource:ArrayCollection = new ArrayCollection();

            private var totalRecords:Number = 15;

            private function init():void {
                pageMenu.selectedIndex=1;
                var page:Object=pageMenu.selectedItem as Object;
                containerBox.width=page.width;
                containerBox.height=page.height;
            }

            private function doPrint():void {
                var printJob:FlexPrintJob = new FlexPrintJob();
                printJob.printAsBitmap=false;   //提高文字清晰度
                if (printJob.start()) {
                    printJob.addObject(containerBox);
                    printJob.send();
                }
            }
            public var pages:ArrayCollection = new ArrayCollection(
                [
                    {index:3,label:"A3",width:Size.A3.dimensions[0],height:Size.A3.dimensions[1]},
                    {index:4,label:"A4",width:Size.A4.dimensions[0],height:Size.A4.dimensions[1]},
                    {index:5,label:"A5",width:Size.A5.dimensions[0],height:Size.A5.dimensions[1]} ]);
            private function changePageHandler(event:Event):void {
                var page:Object=DropDownList(event.target).selectedItem as Object;
                pageDescription.text=page.width+"*"+page.height;
                containerBox.width=page.width;
                containerBox.height=page.height;

            }

            protected function directClickHandler(event:MouseEvent):void
            {
                if(direct.label=="方向:横"){
                    direct.label="方向:竖";
                    var page:Object=pageMenu.selectedItem as Object;
                    containerBox.width=page.height;
                    containerBox.height=page.width;
                }else{
                    direct.label="方向:横";
                    var page:Object=pageMenu.selectedItem as Object;
                    pageDescription.text=page.data;
                    containerBox.width=page.width;
                    containerBox.height=page.height;
                }
            }
            [Embed( source="../assets/Capture it.ttf", mimeType="application/octet-stream" )]
            private var fontStream:Class;
            private var file:File;
            private var b:ByteArray = new ByteArray();

            private function createPDF():void
            {
                var t:ByteArray = new fontStream();
                var ty:Array=Size.A4.dimensions;
                trace(Size.A4.dimensions.toString());
                trace(Size.A4.inchesSize.toString());
                trace(Size.A4.mmSize.toString());
                var uf:IFont = new CoreFont ( FontFamily.ARIAL );
                var p:PDF = new PDF( Orientation.PORTRAIT, Unit.MM, Size.A4 );
                p.setDisplayMode( Display.FULL_PAGE, Layout.SINGLE_PAGE );
                p.addPage();

                p.textStyle( new RGBColor(0x990000), 1 );
                p.setFont(uf, 9);

                p.addImage( this.printData );


                var f:FileStream = new FileStream();
                file = File.desktopDirectory.resolvePath("exported.pdf");
                f.open( file, FileMode.WRITE);
                var bytes:ByteArray = p.save( Method.LOCAL );
                f.writeBytes(bytes);
                f.close();
            }

        ]]>
    </fx:Script>
 <mx:VBox id="topMenu" width="100%" height="100%" horizontalScrollPolicy="auto" verticalScrollPolicy="auto">

    <mx:ApplicationControlBar id="dockedBar"
                              dock="true" paddingTop="0" paddingBottom="0">


        <mx:HBox paddingBottom="5" verticalAlign="middle" horizontalAlign="left"
                 paddingTop="5">
            <mx:Label text="纸型" />
            <s:DropDownList id="pageMenu" labelField="label" dataProvider="{pages}" textAlign="center" width="114" color="0x000000"
                             change="changePageHandler(event);" selectedIndex="0" height="39"/>
            <mx:Label textAlign="center" id="pageDescription" text="" />
            <mx:LinkButton  id="direct" click="directClickHandler(event)" label="方向:横"  />
            <mx:Label text="左边距" />
            <mx:HSlider id="lBar" width="60"  minimum="0" maximum="100" value="1" snapInterval="1" liveDragging="true" />
            <mx:Label text="右边距" />
            <mx:HSlider id="rBar" width="60"  minimum="0" maximum="100" value="1" snapInterval="1" liveDragging="true" />
            <mx:Label text="上边距" />
            <mx:HSlider id="tBar" width="60"  minimum="0" maximum="100" value="1" snapInterval="1" liveDragging="true" />
            <mx:Label text="下边距" />
            <mx:HSlider id="bBar" width="60"  minimum="0" maximum="100" value="1" snapInterval="1" liveDragging="true" />

            <mx:Spacer width="50"/>
            <mx:Button  label="另存为PDF" click="createPDF()" />
            <mx:Button label="Print" click="doPrint()"/>
        </mx:HBox>
    </mx:ApplicationControlBar>
    <mx:Panel layout="absolute" horizontalScrollPolicy="off"  title="打印预览区域" paddingBottom="35" paddingLeft="30" paddingRight="30"  paddingTop="60" horizontalAlign="center" width="100%" height="100%" >

        <mx:Box y="30" horizontalScrollPolicy="off" id="containerBox" removedEffect="Resize"
              borderStyle="solid"
              horizontalAlign="center" verticalAlign="middle"
               horizontalCenter="0"
              paddingLeft="{lBar.value}"
              paddingRight="{rBar.value}"
              paddingTop="{tBar.value}"
              paddingBottom="{bBar.value}"
              >

        <mx:Box borderStyle="solid" borderColor="0xEEEEEE"  id="printData" borderAlpha="10" borderVisible="false" width="100%" height="100%">

    <mx:HTML width="100%" height="100%" location="template/CustomerInfo.htm">

    </mx:HTML>

        </mx:Box>

        </mx:Box>


    </mx:Panel>

 </mx:VBox>
</s:WindowedApplication>