Flex 自定义打印控件编写

打印历来是web应用一个比较棘手的问题，幸好flex web应用是运行在flash player上的，flash player可以访问打印机，所以flex 应用可以实现比较强大的打印功能。Flex 自身提供的printjob、flexprintjob相对来说用起来不是很方便，对于有严格纸张设置、翻页等打印需求，略显功能不足，因此需要基于printjob或flexprintjob来完善flex的打印功能，及自定义打印控件。

本控件核心为：

1）PrintManager，打印控制核心类

2）IPrintableDocument，打印文档设置，打印文档有3部分组成，分别是：PrintableHeader、PrintableBody、PrintableFooter。

因此，开发人员只要设计好printabledocument,重点排版好header、body、footer，然后调用PrintManager的打印即可打印printabledocument了。

<print:PrintableDocument printableBody="{p_body}" printableFooter="{p_footer}" printableHeader="{p_header}"> <print:PrintableHeader width="100%" id="p_header" x="0" y="0" height="81" > <mx:Label id="pageHeader" text="Sample Accounts" styleName="printTitle" width="100%" textAlign="center"/> <mx:Label id="cityHeader" text="City Of Somewheretown" width="100%" textAlign="center" /> <mx:Label id="entityHeader" text="General Accounts" width="100%" textAlign="center"/> </print:PrintableHeader> <print:PrintableBody id="p_body" width="100%" bottom = "28" x="0" top="81"> <mx:PrintAdvancedDataGrid id="accountsDataGrid" designViewDataType="flat" dataProvider="{accounts}" horizontalGridLines="false" verticalGridLines="false" width="100%" height="100%" borderStyle="none" sortExpertMode="true" headerHeight="0" rowHeight="30"> <mx:columns> <mx:AdvancedDataGridColumn headerText="Account Number" dataField="account" textAlign="center" width="100"/> <mx:AdvancedDataGridColumn headerText="Control Account" dataField="control" textAlign="center" width="100"/> <mx:AdvancedDataGridColumn headerText="Description" dataField="description" width="300"/> </mx:columns> </mx:PrintAdvancedDataGrid> </print:PrintableBody> <print:PrintableFooter id="p_footer" width="100%" height="28" bottom="0" left="0" printType="perpage"> <mx:Label text="Prepared by: Authorname" width="33%" textAlign="center"/> <mx:Label text="Page {pageNumber} of {pageCount}" width="34%" textAlign="right"/> <mx:Label id="pageFooter" text="Sample Accounts" width="33%"/> </print:PrintableFooter> </print:PrintableDocument>

附上控件核心类的相关代码。

1、PrintManager

public class PrintManager { public function PrintManager() { } public function print(document:IPrintableDocument, parent:UIComponent = null):Boolean { var printJob:PrintJob = new PrintJob(); if (parent != null) parent.addChild(document.displayObject()); var printed:Boolean = printInternal(document, printJob); if (parent != null) parent.removeChild(document.displayObject()); return printed; } private function unscaleDocument(document:IPrintableDocument):void { document.scaleX = 1.0; document.scaleY = 1.0; document.validateNow(); } /** * adjust print orientation * scale the printdocument */ private function rotateDocumentForPaperOrientation(document:IPrintableDocument, printJob:PrintJob):void { document.x = 0; document.y = 0; var scaleFactor:Number = 1.0; // document.scaleX = scaleFactor; document.scaleY = scaleFactor; document.validateNow(); } private function printPage(document:IPrintableDocument, printJob:PrintJob):void { var width:Number = document.desiredWidth; var height:Number = document.desiredHeight; var page:Sprite = Sprite(document); var printableArea:Rectangle = new Rectangle(0, 0, width, height); printJob.addPage(page, printableArea); } public function printInternal(document:IPrintableDocument, printJob:PrintJob):Boolean { //start printer if (!printJob.start()) { return false; } document.moveToFirstPage(); unscaleDocument(document); //adjust paper orientation rotateDocumentForPaperOrientation(document, printJob); //add first print page printPage(document, printJob); while(document.validNextPage) { document.nextPage(); printPage(document, printJob); } printJob.send(); Courier Ne 分享到： 数据库添加步骤(vb6.0) | PC客户端与Android服务端的Socket同步通信 ... 2010-07-31 17:25 浏览 439 评论(0) 相关推荐 评论 发表评论 您还没有登录,请您登录后再发表评论 isiqi 浏览: 4186456 次 性别: 来自: 济南 最近访客 更多访客>> yanshien MrLee23 hongliufeiyang 汉青青青 文章分类 全部博客 (16649) 教程 (1) 开发技术 (0) 电脑电视 (0) 本博客文章都为转载，没有任何版权！ (1) 系统自动采集，有的没有标明文章出处，请见谅。 (0) 社区版块 我的资讯 (0) 我的论坛 (0) 我的问答 (0) 存档分类 2012-07 (335) 2012-06 (252) 2012-05 (362) 更多存档... 最新评论 testlzh： 跟oracle一样的骗子公司，不好好搞技术就知道忽悠大客户骗钱 ... VPLEX - EMC的RAC 2047699523： spring mvc demo教程源代码下载:http://w ... spring mvc 简单实例 wanmeilingdu： importcom.google.zxing.Monochro ... java 条形码 解析条形码 ljl961890233bear：      网络安全之社会工程学 lehehe： 我试用了一下,不错! 不过想知道一下,你用的哪里的api呢? ... 天气在线网站 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。若作者同意转载，必须以超链接形式标明文章原始出处和作者。 © 2003-2015 ITeye.com. All rights reserved. [ 京ICP证110151号 京公网安备110105010620 ]