ActionScript 3
Elastyczne projektowanie aplikacji
Szukaj…
Podstawowa responsywna aplikacja
package
{
import flash.display.Sprite;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.Event;
public class Main extends Sprite
{
//Document Class Main Constructor
public function Main()
{
//Sometimes stage isn't available yet, so if not, wait for it before proceeding
if (!stage) {
addEventListener(Event.ADDED_TO_STAGE, stageReady);
}else {
stageReady();
}
}
protected function stageReady(e:Event = null):void {
//align the stage to the top left corner of the window/container
stage.align = StageAlign.TOP_LEFT;
//don't scale the content when the window resizes
stage.scaleMode = StageScaleMode.NO_SCALE;
//listen for when the window is resized
stage.addEventListener(Event.RESIZE, stageResized);
}
protected function stageResized(e:Event):void {
//use stage.stageWdith & stage.stageHeight to repostion and resize items
}
}
}
Wykonywanie długich procesów i brak odpowiedzi aplikacji
Zdarzają się sytuacje, w których trzeba obliczyć coś naprawdę dużego w aplikacji Flash, nie zakłócając jednak doświadczenia użytkownika. W tym celu musisz opracować swój długi proces jako proces wieloetapowy z zachowanym stanem między iteracjami. Na przykład musisz wykonać aktualizację w tle wielu wewnętrznych obiektów, ale jeśli chcesz je wszystkie zaktualizować za pomocą prostego for each (var o in objects) { o.update(); }
, Flash krótko (lub nie tak krótko) przestaje odpowiadać na użytkownika. Musisz wykonać jedną lub kilka aktualizacji na ramkę.
private var processing:Boolean; // are we in the middle of processing
private var lastIndex:int; // where did we finish last time
var objects:Vector.<UpdatingObject>; // the total list of objects to update
function startProcess():Boolean {
if (processing) return false; // already processing - please wait
startProcessing=true;
lastIndex=0;
if (!hasEventListener(Event.ENTER_FRAME,iterate))
addEventListener(Event.ENTER_FRAME,iterate); // enable iterating via listener
}
private function iterate(e:Event):void {
if (!processing) return; // not processing - skip listener
objects[lastIndex].update(); // perform a quantum of the big process
lastIndex++; // advance in the big process
if (lastIndex==objects.length) {
processing=false; // finished, clear flag
}
}
Zaawansowane przetwarzanie może obejmować użycie getTimer()
do sprawdzania upływającego czasu i zezwalanie na kolejną iterację, jeśli czas się nie skończy, dzielenie update()
na kilka funkcji, jeśli aktualizacja jest zbyt długa, wyświetlanie postępu w innym miejscu, dostosowywanie procesu iteracji w celu dostosowania do zmian lista obiektów do przetworzenia i wiele innych.