Adobes ActionScript 3 är ett Flash-baserat programmeringsspråk som används för att utveckla effekter användargränssnitt för webbplatser och webbaserade applikationer . Om du är en Flash webbutvecklare , bör plocka upp på ActionScript 3 , eller AS3 , vara lätt . Om du är en nybörjare , kan det ta lite övning . En av de ovanliga funktionerna i AS3 är dess förmåga att skapa sidan flips , användarna kan simulera vända en sida i programmet för att navigera till nya sidor och avsnitt på webbsidan . Instruktioner
1
Öppna Adobe Flash applikation som används för Flash och AS3 applikationsutveckling och skapa ett nytt AS3 dokument öva kodning .
2
Skapa ett nytt UIComponent till huset de bilder som kommer att användas i sidans flip . Detta görs genom att bädda källan av bilderna och sedan använda offentliga klasser för att definiera hur bilderna ska hanteras inom sidan flip användargränssnittet . Använd exemplet koden nedan som en guide för din AS3 sida flip -kod :
[ Emebed ( source = " /images/exampleimage1.jpg " ) ] [ bindbar ] public var pix0 : Klass ; [ Embed ( källa = " images/exampleimage2.png " ) ]\u2028[ bindbar ]\u2028public var pix1 : klass ; Addera 3
Använd myUIComponent wrapper att skapa nya UI-komponenter när bilderna vänt . Det använder också en offentlig klass , till exempel :
public var myUIComponent : UIComponent = ny UIComponent ( ) ;\u2028public var render : Shape = new Shape ( ) ;\u2028public var page0 : BitmapAsset ;\u2028public var Sida1 : BitmapAsset ;
4
Ange storleken på sidorna i sidan flip ansökan med pixlar och render.x och render.y funktioner för att skapa fönstren där de nyligen vänt sidorna kommer att visas :
public function initApp ( ) : void {\u2028render.x = 1024 ;\u2028render.y = 768 ;\u2028myUIComponent.addChild ( framför ) ,\u2028this.addChild ( myUIComponent ) , page0 = ny pix0 ( ) som BitmapAsset ,\u2028page1 = ny pix1 ( ) som BitmapAsset ,
5
Lägg AS3 PageFlip funktionen , vilket ger all kod tillsammans och låter sidan luckan till jobbet :
PageFlip.drawBitmapSheet ( o //computeflip returnerade objektet\u2028render , //mål\u2028page0.bitmapData , page1.bitmapData ) ;