Flex打印问题

Flex打印问题使用两个类解决打印问题：FlexPrintJob和PringDataGrid。

? FlexPrintJob。

这个类需要在实例化之后用作要打印对象的容器。

? PringDataGrid。

是DataGrid的一个子类，用来打印必须以网格或表格形式显示的数据，支持多页面打印。

简单的打印实例：< ?xml version="1.0" encoding="utf-8"?>< mx:Application xmlns:mx=/2006/mxml layout="absolute"><mx:Script><![CDATA[import mx.printing.FlexPrintJob;private function testPrint():void{var myPrintJob:FlexPrintJob = new FlexPrintJob();if (myPrintJob.start() != true){return;}//加入需要打印的组件myPrintJob.addObject(printContent);myPrintJob.send();}]]></mx:Script><mx:VBox id="printContent" backgroundColor="#FFFFFF"><mx:Label text="打印示例"></mx:Label></mx:VBox><mx:Button x="30" y="30" label="打印" click="testPrint()"/>< /mx:Application>见源代码：printDemo.mxml。

创建单独的Print容器：< ?xml version="1.0" encoding="utf-8"?>< mx:Application xmlns:mx=/2006/mxml layout="absolute" creationComplete="bookDataCall.send()"><mx:Script><![CDATA[import mx.printing.FlexPrintJob;import mx.rpc.events.ResultEvent;import mx.collections.ArrayCollection;[Bindable]public var bookData:ArrayCollection;//得到books.xml数据private function bookFunction(event:ResultEvent):void{bookData = event.result.books.stock;}//打印方法private function printJob():void{var myPrintJob:FlexPrintJob = new FlexPrintJob();if (myPrintJob.start() != true){return ;}//绑定数据源myPrintDataGrid.dataProvider = bookInfo.dataProvider;//加入需要打印的组件myPrintJob.addObject(printArea);myPrintJob.send();}]]></mx:Script><mx:HTTPService id="bookDataCall" url="assets/books.xml" result="bookFunction(event)" /><mx:Form id="myForm"><mx:DataGrid id="bookInfo" dataProvider="{bookData}"><mx:columns><mx:DataGridColumn dataField="name" headerText="书名" /><mx:DataGridColumn dataField="author" headerText="作者" /><mx:DataGridColumn dataField="category" headerText="目录" /></mx:columns></mx:DataGrid><mx:Button id="myButton" label="打印" /></mx:Form><mx:VBox id="printArea" height="300" width="500" backgroundColor="#FFFFFF" visible="false"><mx:PrintDataGrid id="myPrintDataGrid" height="100%" width="100%" fontSize="6" fontFamily="Arial" wordWrap="true"/></mx:VBox>< /mx:Application>见源代码：printDemo1.mxml，books.xml使用组件打印：1. 组件代码：< ?xml version="1.0" encoding="utf-8"?>< mx:VBox xmlns:mx="/2006/mxml" width="500" height="300" visible="false" backgroundColor="#FFFFFF">< mx:PrintDataGrid id="myPringDataGrid" height="100%" width="100%" fontSize="6" fontFamily="Arial" wordWrap="true"><mx:columns><mx:DataGridColumn dataField="name" headerText="书名" /><mx:DataGridColumn dataField="author" headerText="作者" /><mx:DataGridColumn dataField="category" headerText="目录" /></mx:columns></mx:PrintDataGrid>< /mx:VBox>2. 应用代码：< ?xml version="1.0" encoding="utf-8"?>< mx:Application xmlns:mx=/2006/mxml layout="absolute" creationComplete="bookDataCall.send()"><mx:Script><![CDATA[import mx.printing.FlexPrintJob;import mx.rpc.events.ResultEvent;import mx.collections.ArrayCollection;import components.PrintComp;[Bindable]public var bookData:ArrayCollection;//得到books.xml数据private function bookFunction(event:ResultEvent):void{bookData = event.result.books.stock;}//打印方法private function printJob():void{var myPrintJob:FlexPrintJob = new FlexPrintJob();if (myPrintJob.start() != true){return ;}//实例化组件var myPrintComp:PrintComp = new PrintComp();//动态增加组件this.addChild(myPrintComp);//绑定数据源myPrintComp.myPringDataGrid.dataProvider =bookInfo.data;//加入需要打印的组件myPrintJob.addObject(myPrintComp);myPrintJob.send();//移除组件this.removeChild(myPrintComp);}]]></mx:Script><mx:HTTPService id="bookDataCall" url="assets/books.xml" result="bookFunction(event)" /><mx:Form id="myForm"><mx:DataGrid id="bookInfo" dataProvider="{bookData}"><mx:columns><mx:DataGridColumn dataField="name" headerText="书名" /><mx:DataGridColumn dataField="author" headerText="作者" /> <mx:DataGridColumn dataField="category" headerText="目录" /> </mx:columns></mx:DataGrid><mx:Button id="myButton" label="打印" /></mx:Form><mx:VBox id="printArea" height="300" width="500" backgroundColor="#FFFFFF" visible="false"><mx:PrintDataGrid id="myPrintDataGrid" height="100%"width="100%" fontSize="6" fontFamily="Arial"wordWrap="true"/></mx:VBox>< /mx:Application>见源代码：printDemo2.mxml，books.xmlFlash/ActionScript/Flex]代码view sourceprint?001 <?xml version="1.0"?>002 <!-- printing\DGPrintCustomComp.mxml -->003 <mx:Application xmlns:mx="/2006/mxml" 004 height="450"005 width="550">006 <mx:states>007 <mx:State name="printView">008 <mx:RemoveChild target="{myForm}"/>009 <mx:AddChild position="lastChild">010 <mx:Panel width="388"height="303"layout="absolute">011 <mx:Image id="img"x="10"y="10"/>012 </mx:Panel>013 </mx:AddChild>014 <mx:AddChild position="lastChild">015 <mx:Buttonlabel="Back"click="currentState=&quot;&quot;"/> 016 </mx:AddChild>017 </mx:State>018 </mx:states>019020 <mx:Script>021 <![CDATA[022 importmx.printing.flexPrintJob;023 importmyComponent.MyPrintView;024 importmx.graphics.ImageSnapshot;025 importmx.core.UIComponent;026 privatefunctionprint(u:UIComponent):void{027 currentState="printView";028 varbmp:BitmapData = ImageSnapshot.captureBitmapData(u); 029 vari:Bitmap =newBitmap(bmp);030 img.source = i;031 img.scaleContent =true;032 }033034 publicfunctiondoPrint():void{035 // Create a flexPrintJob instance.036 varprintJob:flexPrintJob =newflexPrintJob();037038 // Start the print job.039 if(printJob.start()) {040 // Create a MyPrintView control as a child041 // of the current view.042 varformPrintView:MyPrintView =newMyPrintView(); 043 addChild(formPrintView);044 // Set the print control's data grid data provider to be 045 // the displayed data grid's data provider.046 formPrintView.myDataGrid.dataProvider =047 myDataGrid.dataProvider;048 // Add the SimplePrintview control to the print job. 049 // For comparison, try setting the050 // second parameter to "none".051 printJob.addObject(formPrintView);052053 // Send the job to the printer.054 printJob.send();055056 // Remove the print-specific control to free memory. 057 removeChild(formPrintView);058 }059 }060 ]]>061 </mx:Script>063 <!-- The form to display-->064 <mx:Form id="myForm">065 <mx:FormHeadinglabel="Contact Information"/> 066 <mx:FormItemlabel="Name: ">067 <mx:T extInput id="custName"068 width="200"069 text="Samuel Smith"070 fontWeight="bold"/>071 </mx:FormItem>072 <mx:FormItemlabel="Phone: ">073 <mx:T extInput id="custPhone"074 width="200"075 text="617-555-1212"076 fontWeight="bold"/>077 </mx:FormItem>078 <mx:FormItemlabel="Email: ">079 <mx:T extInput id="custEmail"080 width="200"081 text="sam@"082 fontWeight="bold"/>083 </mx:FormItem>085 <mx:FormHeadinglabel="Product Information"/>086 <mx:DataGrid id="myDataGrid"width="300">087 <mx:dataProvider>088 <mx:ObjectProduct="Flash"Code="1000"/>089 <mx:ObjectProduct="flex"Code="2000"/>090 <mx:ObjectProduct="ColdFusion"Code="3000"/>091 <mx:ObjectProduct="JRun"Code="4000"/>092 </mx:dataProvider>093 </mx:DataGrid>094 <mx:Buttonlabel="PrintView"click="print(myDataGrid)"/> 095 <mx:FormItemlabel="Label">096 </mx:FormItem>097 <mx:Button id="myButton"098 label="Print"099 click="doPrint();"/>100 </mx:Form>101 </mx:Application>102103 Component:104 MyPrintView. mxml（这是一个组件）105 <?xml version="1.0"?>106 <!-- printing\myComponents\MyPrintView.mxml -->107 <mx:VBox xmlns:mx="/2006/mxml" 108 backgroundColor="#FFFFFF"109 height="250"width="450"110 paddingTop="50"paddingLeft="50"paddingRight="50"> 111112 <!-- The controls to print, a PrintDataGrid control. --> 113 <mx:PrintDataGrid id="myDataGrid"width="100%">114 <mx:columns>115 <mx:DataGridColumn dataField="Product"/>116 <mx:DataGridColumn dataField="Code"/>117 </mx:columns>118 </mx:PrintDataGrid>119 </mx:VBox>。