用Flex2实现打印预览

用Flex3自带Imag

ImageSnapsho

Aug 31

zpgm , 17:25 , Flex & actionscript , 评论(0) , 引用(0) , 阅读(843) , Via 本站原创

大 | 中 | 小

因为Flex2里面没有ImageSnapShot组件,所以需要写一个函数实现ImageSnapShot的功能.

private function getBitmapData( target : UIComponent ) : BitmapData
            {
                var bd : BitmapData = new BitmapData( target.width, target.height );
                var m : Matrix = new Matrix();
                bd.draw( target, m );
                return bd;
            }

完整的源代码:

<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <![CDATA[
            import mx.core.UIComponent;
            private function print(u:UIComponent):void{
                var bmp:BitmapData = getBitmapData(u);
                var i:Bitmap = new Bitmap(bmp);                
                img.source = i;
                img.scaleContent = true;
                tn.selectedIndex = 1;
            }
            private function getBitmapData( target : UIComponent ) : BitmapData
            {
                var bd : BitmapData = new BitmapData( target.width, target.height );
                var m : Matrix = new Matrix();
                bd.draw( target, m );
                return bd;
            }
        ]]>
    </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>

< 2010 > < 9 >
日	一	二	三	四	五	六
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30

大鹏天空™

用Flex2实现打印预览

分类

日历

统计

Google本站

最新日志

最新评论

Google Adsense

链接

其他