`
hjy2099
  • 浏览: 261382 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

用Flex3自带ImageSnapShot实现打印预览

    博客分类:
  • Flex
阅读更多

<?xml version="1.0"?>
<!-- DataGrid control example. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <![CDATA[
            import mx.graphics.ImageSnapshot;
            import mx.core.UIComponent;
            private function print(u:UIComponent):void{
                var bmp:BitmapData = ImageSnapshot.captureBitmapData(u);
                var i:Bitmap = new Bitmap(bmp);                
                img.source = i;
                img.scaleContent = true;
                tn.selectedIndex = 1;
            }
        ]]>
    </mx:Script>
    <mx:XMLList id="employees">
        <employee>
            <name>Christina Coenraets</name>
            <phone>555-219-2270</phone>
            <email>ccoenraets@fictitious.com</email>
            <active>true</active>
        </employee>
        <employee>
            <name>Joanne Wall</name>
            <phone>555-219-2012</phone>
            <email>jwall@fictitious.com</email>
            <active>true</active>
        </employee>
        <employee>
            <name>Maurice Smith</name>
            <phone>555-219-2012</phone>
            <email>maurice@fictitious.com</email>
            <active>false</active>
        </employee>
        <employee>
            <name>Mary Jones</name>
            <phone>555-219-2000</phone>
            <email>mjones@fictitious.com</email>
            <active>true</active>
        </employee>
    </mx:XMLList>
<mx:TabNavigator id="tn" width="100%" height="100%" creationPolicy="all">
    

    <mx:Panel title="Panel" label="Example" height="100%" width="100%"
        paddingTop="10" paddingLeft="10" paddingRight="10" id="p1">

        <mx:Label width="100%" color="blue"
            text="Select a row in the DataGrid control."/>

        <mx:DataGrid id="dg" width="100%" height="100%" rowCount="5" dataProvider="{employees}">
            <mx:columns>
                <mx:DataGridColumn dataField="name" headerText="Name"/>
                <mx:DataGridColumn dataField="phone" headerText="Phone"/>
                <mx:DataGridColumn dataField="email" headerText="Email"/>
            </mx:columns>
        </mx:DataGrid>

        <mx:Form width="100%" height="100%">
            <mx:FormItem label="Name">
                <mx:Label text="{dg.selectedItem.name}"/>
            </mx:FormItem>
            <mx:FormItem label="Email">
                <mx:Label text="{dg.selectedItem.email}"/>
            </mx:FormItem>
            <mx:FormItem label="Phone">
                <mx:Label text="{dg.selectedItem.phone}"/>
            </mx:FormItem>
        </mx:Form>
        
    </mx:Panel>
    <mx:Panel title="PrintPreview" label="Preview" height="100%" width="100%"
        paddingTop="10" paddingLeft="10" paddingRight="10">
        <mx:Image id="img" />
     </mx:Panel>
    
</mx:TabNavigator>
    <mx:ControlBar width="606">
        <mx:Button label="Print DataGrid" click="print(dg)"/>
        <mx:Button label="Print Panel" click="print(p1)"/>
        <mx:Button label="Print Application" click="print(this)"/>
    </mx:ControlBar>
</mx:Application>       

分享到:
评论

相关推荐

    Flex实现打印预览

    在Flex中实现打印预览功能可以帮助用户在正式打印前检查文档布局和格式,确保打印效果符合预期。以下是对Flex中实现打印预览功能的详细解释: 一、Flex中的打印服务 Flex内置了`flash.printing.PrintJob`类,提供了...

    Flex 打印及打印预览功能

    `IFlexPrintElement`接口则定义了可以被打印的对象,任何Flex组件或自定义图形都可以实现此接口来实现打印。 在Flex中实现打印功能,通常需要以下几个步骤: 1. 创建`PrinterJob`实例,通过`new PrinterJob()`。 2...

    Flex实践——Datagrid的打印预览与打印

    这个主题聚焦于Flex中的一个关键组件——Datagrid,以及如何实现它的打印预览和打印功能。Datagrid是Flex中用于展示数据集的常用控件,常用于表格形式的数据展示和操作。 首先,我们要理解Flex Datagrid的基础知识...

    flex 打印预览

    在Flex中,使用drawToBitmap方法将组件转化为BitmapData对象,这是实现打印预览的关键步骤。BitmapData对象可以进一步被用来创建Bitmap对象,以便在预览窗口中显示。 5. PrintJob对象的使用: 创建PrintJob对象后,...

    打印预览(flex)

    Flex打印预览是一种在Flex应用程序中实现打印功能的技术,它允许用户在实际打印之前查看文档的打印效果。Flex是Adobe公司开发的一种基于ActionScript 3.0的富互联网应用程序(RIA)框架,它使用MXML和AS3进行编程,...

    Flex图片预览功能的实现

    在本案例中,我们将讨论如何在Flex中实现图片预览功能,特别是“PhotoFlow”布局,这通常用于创建滚动预览效果,带给用户流畅且引人入胜的体验。 一、Flex图片预览组件基础 在Flex中,我们可以利用MX或Spark组件库...

    flex 带打印预览功能的PrintJob

    经过我几天的努力,终于实现了flex的打印预览。把它做成了一个库文件,SuperPrintJob.swc。大家可以自由下载使用。这个压缩包中包含库文件的代码和使用的工程。详细的使用方法参见我的主页http://hi.csdn.net/To9m

    flex 打印源代码

    8. **打印预览**: 在Flex中实现打印前的预览功能,通常需要使用`flash.display.DisplayObject`的`drawToBitmap`方法将舞台内容捕获为位图,然后在屏幕上显示预览。 9. **页面设置与布局**: 了解如何通过`...

    web打印,打印预览

    Web打印和打印预览是网页开发中的重要组成部分,它们允许用户在正式打印前查看文档的打印效果,确保格式正确无误。在这个过程中,开发者通常会利用浏览器提供的API和CSS技术来实现这一功能。下面我们将详细探讨这个...

    Flex打印预览

    使用"Flex打印预览",开发者需要集成这个代码包到他们的ArcGIS Flex Viewer项目中。这可能涉及到修改配置文件、引入新的类库、调用新的API等步骤。一旦集成成功,用户就能享受到一个类似于桌面GIS软件的打印体验,极...

    flex+spring图片上传及预览

    总结起来,实现“flex+spring图片上传及预览”功能涉及以下步骤: 1. 在Flex前端创建上传界面和预览组件。 2. 使用Spring后端处理图片上传,包括接收文件、保存和格式转换。 3. 实现前后端之间的通信,传递上传进度...

    flex 图片预览

    本项目聚焦于“flex 图片预览”,它实现了类似百度首页新闻图片预览的功能,通过JavaScript进行驱动,提供多种布局模式,以满足不同场景下的需求。 首先,我们要理解Flex布局。Flex布局(Flexible Box)是CSS3中的...

    Flex 打印例子官方的哦

    3. **添加要打印的内容**:Flex中,你可以将`DisplayObject`实例(如`Sprite`或`MovieClip`)添加到打印任务中。这通常涉及将屏幕上的可视元素复制到打印作业。使用`printJob.addObject()`方法,传入要打印的`...

    flex4.5 打印功能

    通过分析和运行这些示例,开发者可以学习如何在自己的Flex项目中实现打印和预览功能。 总而言之,Flex 4.5的打印功能提供了一套强大的工具,使得开发者能够创建具有专业打印和预览体验的RIA。分页、样式自调和预览...

    flex3使用说明

    Flex3 可以与 Java 后台进行通信,并与 FusionCharts 结合使用,实现数据可视化。下面是 Flex3 的详细介绍: 一、Flex 简介 Flex 是一个高效、免费的开源框架,用于构建具有表现力的 Web 应用程序。这些应用程序...

    flex 实现的图片预览 缩放 等功能

    标题中的“flex 实现的图片预览 缩放 等功能”指的是使用Adobe Flex框架开发的一个应用程序,它能够提供图像预览、缩放以及其他可能的交互操作功能。Flex是基于ActionScript 3.0和Flash Player的一个开源开发工具,...

    Flex3实现的谷歌地图实例

    在本实例中,"Flex3实现的谷歌地图实例" 是一个利用Flex3框架来展示谷歌地图的应用。开发者通过学习并实践网上的GoogleMap教程,创建了这个项目,以便于理解和掌握如何在Flex环境中集成和操作谷歌地图API。 首先,...

Global site tag (gtag.js) - Google Analytics