simple pagination(contd)
public function loadassets(list:XML,eve:Event):void
{prevbtn.enabled=false;
nextbtn.enabled=true;
Totalitems=list.img.length();
TotalPages=Math.ceil(Totalitems/4);
pagecount=0;
loadProp();}
private var slidehbox:HBox;
private var slidenewcan:Canvas;
public function loadProp():void{
if(slideVbox.numChildren>0){
slideVbox.removeAllChildren();}
for(var n:int=pagecount*4;n<(pagecount*4)+ItemCount;n++){
slidenewcan=new Canvas();
slideimage=new Image();
slideimage.buttonMode=true;
slideimage.useHandCursor=true;
slideimage.width=100;
slideimage.height=100;
slideimage.x=20;
slideimage.y=20;
slideimage.source=slideXML.img[n].@source;
slidenewcan.addChild(slideimage);
if(n%2==0 ||n==0){
slidehbox=new HBox();
slideVbox.addChild(slidehbox);}
slidehbox.addChild(slidenewcan);}}
public function onClicknext_btn(eve:MouseEvent):void{
pagecount++;
prevbtn.enabled=true;
if(pagecount==TotalPages-1){
nextbtn.enabled=false;
slideVbox.removeAllChildren();
for(var n:int=pagecount*4;n
Simple Pagination
<![CDATA[
import mx.containers.VBox;
import mx.containers.HBox;
import mx.controls.Image;
import mx.controls.Button;
import mx.containers.Canvas;
import mx.collections.ArrayCollection;
import mx.controls.Alert;
private var pagecount:int=0;
private var Totalitems:int;
private var ItemCount:int=4;
private var TotalPages:int;
private var slidecan:Canvas=new Canvas();
private var prevbtn:Button;
private var nextbtn:Button;
private var slideimage:Image;
private var slideVbox:VBox;
private var slideXML:XML=
public function init():void
{
slidecan=new Canvas();
slidecan.setStyle(‘borderColor’,'#585B5C’);
slidecan.setStyle(‘backgroundColor’,'#FFFFFF’);
slidecan.width=400;
slidecan.height=350;
//slidecan.setStyle(‘backgroundColor’,'#4D1313′);
prevbtn=new Button();
prevbtn.styleName=’prevbtn’;
prevbtn.x=150;
prevbtn.y=320;
nextbtn=new Button();
nextbtn.styleName=’nextbtn’;
nextbtn.x=185;
nextbtn.y=320;
slideVbox=new VBox();
slideVbox.setStyle(‘borderColor’,'#585A5B’);
slideVbox.setStyle(‘cornerRadius’,’10′);
slideVbox.setStyle(‘dropShadowEnabled’,'true’);
slideVbox.setStyle(‘backgroundColor’,'#4D4C4C’);
slideVbox.width=290;
slideVbox.height=250;
slideVbox.x=50;
slideVbox.y=35;
prevbtn.addEventListener(MouseEvent.CLICK,prevPage);
nextbtn.addEventListener(MouseEvent.CLICK,onClicknext_btn);
slidecan.addChild(slideVbox);
slidecan.addChild(prevbtn);
slidecan.addChild(nextbtn);
addChild(slidecan);
var eve:MouseEvent;
loadassets(slideXML,eve);
}
Drag and Drop sample
<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute”>
<mx:Script>
<![CDATA[
import mx.containers.Canvas;
import mx.containers.HBox;
import mx.controls.Alert;
import mx.events.DragEvent;
import mx.containers.VBox;
import mx.managers.DragManager;
import mx.core.DragSource;
import mx.controls.Image;
private var filesource:String;
private var draghbox:HBox=new HBox();
public function doDrag(eve:MouseEvent):void
{
var img:Image=eve.currentTarget as Image;
var ds:DragSource=new DragSource();
ds.addData(img,'img');
var dragProxy:Image=new Image();
dragProxy.source=img.source.toString();
filesource=img.source.toString();
DragManager.doDrag(img,ds,eve,dragProxy,-15,-15,1.0);
}
public function dragaccept(eve:DragEvent):void
{
var dropTarget:VBox=eve.currentTarget as VBox;
DragManager.acceptDragDrop(dropTarget);
}
public function dragDrop(eve:DragEvent):void
{
var img:Image=eve.dragSource.dataForFormat('img') as Image;
img=new Image();
img.source=filesource;
img.height=50;
img.width=50;
if(draghbox.numChildren%2==0||dropVbox.numChildren==0)
{
draghbox=new HBox();
dropVbox.addChild(draghbox);
}
draghbox.addChild(img);
}
public function dragacceptHandler(eve:DragEvent):void
{
var droptarget:Canvas=eve.currentTarget as Canvas;
DragManager.acceptDragDrop(droptarget);
}
public function dragdropHandler(eve:DragEvent):void
{
var img:Image=eve.dragSource.dataForFormat('img')as Image;
img=new Image();
img.source=filesource;
img.height=50;
img.width=50;
img.setStyle('verticalGap','50');
img.setStyle('horizontalGap','50');
cannew.addChild(img);
}
]]>
</mx:Script>
<mx:Canvas x=”34″ y=”62″ width=”200″ height=”167″ backgroundColor=”#E9E5E8″>
<mx:Image x=”25″ y=”31″ source=”Rose.png” mouseDown=”doDrag(event)”/>
<mx:Image x=”96″ y=”36″ source=”Tulip.png” mouseDown=”doDrag(event)”/>
<mx:ImageĀ source=”Lavendar.png” mouseDown=”doDrag(event)” x=”38″ y=”113″/>
<mx:ImageĀ source=”Magnolia.png” mouseDown=”doDrag(event)” x=”115″ y=”111″/>
</mx:Canvas>
<mx:VBox id=”dropVbox” x=”57″ y=”282″ height=”288″ width=”272″ dragEnter=”dragaccept(event)” dragDrop=”dragDrop(event)”
backgroundColor=”#4D1313″>
</mx:VBox>
<mx:Canvas id=”cannew” x=”401″ y=”282″ width=”280″ height=”288″ backgroundColor=”#12292F” dragEnter=”dragacceptHandler(event)”
dragDrop=”dragdropHandler(event)”>
</mx:Canvas>
</mx:Application>
