Little Programming

Ball.addEventListener(MouseEvent.MOUSE_DOWN,starDragBall);
stage.addEventListener(MouseEvent.MOUSE_UP,stopDragBall);
Ball.addEventListener(Event.ENTER_FRAME,doDrag);
var clickOffset:Point = null;
function starDragBall(event:MouseEvent)
{
 clickOffset = new Point(event.localX,event.localY);
}
function stopDragBall(event:MouseEvent)
{
 clickOffset = null;
}
function doDrag(event:Event)
{
 if(clickOffset != null)
 {
  Ball.x = mouseX - clickOffset.x;
  Ball.y = mouseY - clickOffset.y;
 }
}

var dpi:Number = 250;
var imageSnapShot:ImageSnapshot = ImageSnapshot.captureImage(TestCanvas, dpi, new JPEGEncoder(), false);
var byteInfo:ByteArray = imageSnapShot.data;
byteInfo.compress();

var imageFile:File = new File(File.applicationDirectory.nativePath + "/Test.jpg");
            var fileStream:FileStream = new FileStream();
            fileStream.open(imageFile, FileMode.WRITE);
            while(fileStream.writeBytes(byteInfo, 0, byteInfo.length))
            {

            };
            fileStream.close();
 ======================================================================
            var targetObject:DisplayObject = TestCanvas;

            var canvasWidth:int = targetObject.width;
            var canvasHeight:int = targetObject.height;

            var bitmapDataCP:BitmapData = new BitmapData(canvasWidth, canvasHeight, true, 0xFFFFFFFF);
            bitmapDataCP.draw(targetObject as IBitmapDrawable);
            targetBitmap = new Bitmap(bitmapDataCP);

            dobookEncoder = new DoBookJPGEncoder();
            dobookEncoder.PixelsPerIteration = 1000;
            dobookEncoder.addEventListener(DoBookCompleteEvent.DOBOOK_JPGENCODE_COMPLETE, testRndComplete, false, 0, true);
            dobookEncoder.encode(targetBitmap.bitmapData);
======================================================================
var scale:Number = 4;
            var myBMPD:BitmapData = new BitmapData( TestCanvas.width, TestCanvas.height);
            var myMatrix:Matrix = new Matrix( scale, 0, 0, scale );
            myBMPD.draw( TestCanvas, myMatrix );
            var bitmap : Bitmap = new Bitmap(myBMPD);
            var jpg:JPEGEncoder = new JPEGEncoder();
            var byteInfo:ByteArray = jpg.encode(myBMPD);

            var imageFile:File = new File(File.applicationDirectory.nativePath + "/Test.jpg");
            var fileStream:FileStream = new FileStream();
            fileStream.open(imageFile, FileMode.WRITE);
            while(fileStream.writeBytes(byteInfo, 0, byteInfo.length))
            {

            };
            fileStream.close();

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" viewSourceURL="srcview/index.html">
    
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            
            [Embed(source='Assets.swf', symbol='fwdMonthDown')]
            [Bindable] private var rightArrow:Class;
            
            [Embed(source='Assets.swf', symbol='backMonthUp')]
            [Bindable] private var leftArrow:Class;
            
            [Bindable] private var dp:ArrayCollection = new ArrayCollection([
            {label:"11111111111"},
            {label:"22222222222"},
            {label:"33333333333"}
            ]);
            
            private function adjustSize():void {
                if(container.maxHorizontalScrollPosition > 0){
                    if(container.horizontalScrollPosition > container.maxHorizontalScrollPosition)
                        container.horizontalScrollPosition = container.maxHorizontalScrollPosition;
                    scrollLeftBtn.visible = true;
                    scrollRightBtn.visible = true;
                }else{
                    container.horizontalScrollPosition = 0;
                    scrollLeftBtn.visible = false;
                    scrollRightBtn.visible = false;
                }
            }
            
            private function scrollLeft(delta:int = 10):void {
                if(container.horizontalScrollPosition > 0)
                    container.horizontalScrollPosition -= delta;
            }
            
            private function scrollRight(delta:int = 10):void {
                if(container.horizontalScrollPosition < container.maxHorizontalScrollPosition)
                    container.horizontalScrollPosition += delta;
            }
            
            private function onMouseWheel(event:MouseEvent):void {
                if(event.delta > 0)
                    scrollLeft(20);
                else if(event.delta < 0)
                    scrollRight(20);
            }
            
            private function onAddItem():void {
                var i:int = dp.length+1;
                var o:Object = {label: String(i * 11111111111)};
                dp.addItem(o);
            }
            
            private function onRemoveItem():void {
                if(dp.length > 0)
                    dp.removeItemAt(dp.length-1);
            }
            
        ]]>
    </mx:Script>
    
    
    <mx:Box width="60%" id="parentContainer" backgroundColor="#ffcc00">
        
        <mx:HBox width="100%" horizontalGap="0" mouseWheel="onMouseWheel(event)" resize="adjustSize()"
            horizontalScrollPolicy="off">
            <mx:Button buttonDown="scrollLeft()" autoRepeat="true" id="scrollLeftBtn"
                includeInLayout="{scrollLeftBtn.visible}" visible="false"
                cornerRadius="0" icon="{leftArrow}" width="20" />
            <mx:HBox maxWidth="{parentContainer.width-scrollRightBtn.width-scrollLeftBtn.width}"
                horizontalScrollPolicy="off" id="container"
                horizontalGap="0">
                <mx:LinkBar dataProvider="{dp}" labelField="label" updateComplete="adjustSize()" />
            </mx:HBox>
            <mx:Button buttonDown="scrollRight()" autoRepeat="true" id="scrollRightBtn"
                includeInLayout="{scrollRightBtn.visible}" visible="false"
                cornerRadius="0" icon="{rightArrow}" width="20" />
        </mx:HBox>
        
    </mx:Box>
    <mx:Button label="add item" click="onAddItem()" />
    <mx:Button label="remove item" click="onRemoveItem()" />
    
</mx:Application>

Write this In your MXML File

  <mx:Move id="panelOut" target="{panel}" xTo="0" effectEnd="btn.label='Close'"
        duration="1500" easingFunction="Bounce.easeOut"/>
    <mx:Move id="panelIn" target="{panel}" xTo="-230" effectEnd="btn.label='Open'"
        duration="1000" easingFunction="Bounce.easeIn"/>


    <mx:Canvas id="panel" width="250" height="50%" backgroundColor="#F79A9A" verticalCenter="69">
    <!--Add the content of your sliding panel here  -->
    <mx:HBox width="100%" height="100%">
        <mx:Accordion id="myAccor" height="100%" width="100%">
            <mx:Form label="A" width="100%" height="100%">
            </mx:Form>
            <mx:Canvas label="B" width="100%" height="100%">
            </mx:Canvas>
            <mx:Canvas label="C" width="100%" height="100%">
            </mx:Canvas>
            <mx:Canvas label="D" width="100%" height="100%">
            </mx:Canvas>

        </mx:Accordion>
        <mx:Button id="btn" width="20" height="100%" right="0" label="Open" click="toggleBtn(event)">
        </mx:Button>
    </mx:HBox>
---------------------------------------------------------------------------------------
        import mx.effects.easing.*;

            private function toggleBtn(e:MouseEvent):void{
                if(e.currentTarget.label== 'Open')
                    panelOut.play();
                else
                    panelIn.play();
            }

<!--Other Easing Function are :
1. Back.easeIn
2. Bounce.easeIn
3. Circular.easeIn
4. Cubic.easeIn
5. Elastic.easeIn
6. Exponential.easeIn
7. Linear.easeIn
8. Quadratic.easeIn
9. Quartic.easeIn
10. Quintic.easeIn
11. Sine.easeIn
-->

        private function getDataGridValue():Array {

            var columnsValue:Array = new Array();
            var column:DataGridColumn;
            var dataProvider:Object = view.dataGrid.dataProvider;
            var rowCount:int = dataProvider.length;

            var ColumnValue:String;
            for(var i:int=0;i<rowCount;i++)
            {
                column = view.dataGrid.columns[3];
                ColumnValue = column.itemToLabel(dataProvider[i]);
                columnsValue.push(ColumnValue);
            }
            return columnsValue;
            //Alert.show(ColumnValue);
        }

private var alert:Alert;

alert = Alert.show("This will remove all loaded template", "Warning!", Alert.YES | Alert.NO);
                    alert.addEventListener(CloseEvent.CLOSE, normalDesignAlert_close);


private function normalDesignAlert_close(evt:CloseEvent):void {
                switch (evt.detail) {
                    case Alert.NO:
                        selectApporpriateRadioButton();
                        break;
                    case Alert.YES:
                        view.lblDesignType.text = NormalTemplateDesign;
                        view.dataGrid.dataProvider = null;
                        rows = null;
                        TemplateFilter = "*.skdn";
                        break;
                }
            }

Use this code on your mxml File

<mx:DataGrid width="90%"
            height="90%"
            id="dataGrid">
            <mx:columns>
                <mx:DataGridColumn dataField="_designIcon"
                    headerText="Design Icon">
                    <mx:itemRenderer>
                        <mx:Component>
                        <mx:HBox horizontalAlign="center" height="84">
                        <mx:Image source="{data._designIcon}"/>
                        </mx:HBox>
                        </mx:Component>
                    </mx:itemRenderer>
                </mx:DataGridColumn>
                <mx:DataGridColumn dataField="_designName"
                    headerText="Design Name" />
                <mx:DataGridColumn dataField="_designDataSize"
                    headerText="Design Data Size(MB)" width="200" />
                <mx:DataGridColumn dataField="_designLocation"
                    headerText="Design Local Path" />
                <mx:DataGridColumn headerText="Delete Item">
                <mx:itemRenderer>
                    <mx:Component>
                    <mx:LinkButton label="Delete" click="outerDocument.deleteItem(event)"/>
                    </mx:Component>
                </mx:itemRenderer>
            </mx:DataGridColumn>
            </mx:columns>
        </mx:DataGrid>


Use this code into mx:script tag

private var rows:ArrayCollection;
rows.addItem(new PackageRowInfo(IconLocation, contentType,fileSize ,path));


for packageRowInfo class use following code
public class PackageRowInfo
    {
        public var _designIcon:String;

        public var _designName:String;

        public var _designDataSize:String;

        public var _designLocation:String;

        public function PackageRowInfo(designIcon:String,designName:String,designDataSize:String,designLocation:String)
        {
            _designIcon = designIcon;
            _designName = designName;
            _designDataSize = designDataSize;
            _designLocation = designLocation;
        }

    }