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.riaforge.org

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

4 flexpaper  http://flexpaper.devaldi.com/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>

 

评论

1 楼 glovebx 2010-07-07  

支持针式打印机不？