Moving part of the code to separate package

Question

Hello guys,
I'm looking for some help with the following script:
Main Class:
package {
// Flash Classes
import flash.display.MovieClip;
import flash.events.Event;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
public class Main extends MovieClip {
private var projectSetupStageBgFill:String = "Solid";
private var projectSetupStageBgColor:uint = 0x333333;
  private var mainBg:MovieClip = new MovieClip();
  public function Main() {
   InitStage();
// ----------------------- Start ------------------------ // 
private function InitStage():void {
   if (projectSetupStageFullscreen) {
    stage.scaleMode = StageScaleMode.NO_SCALE;
    stage.align = StageAlign.TOP_LEFT;
   switch (projectSetupStageBgFill) {
    case "Solid":
    default:
     mainBg.graphics.beginFill(projectSetupStageBgColor);
     mainBg.graphics.drawRect(0, 0, stage.stageWidth, stage.stageHeight);
     mainBg.graphics.endFill();
     addChild(mainBg);
     break;
// ----------------------- End ------------------------ //
Now, I'd like to move the script between --- Start --- and --- End --- comments, to the separate package. When I do that, I've got many reference errors.
Would anybody be able to show me, how the code should look like, when it's in separate package, with all the references to variables that work? And how to call this function from Main class?
Thx a lot!

Answer 1

Oh, if this is an exercise too, here is one of approaches
So, conceptually in the original code init method does two things:
1. Configures stage
2. Draws rectangle.
If we want to move these two functions outside the Main class, we will need to create at least two classes.
But, first, we need to organize our objects into packages. We need to create a directory tree.
1. create directory with the name com
2. inside com create directory named mydomain
3. inside domain we start branching:
Stage configurator is more like a utility class - let's make util subfolder of domain
Background belongs to graphics - let's create subfolder graphics in domain.
So, our final tree is:
com/domain/graphics
                  /utils
In utils folder we create StageConfig.as - we will move functionality related to stage configuration here
In graphics folder we create Rectangle.as - we will move functionality related to drawing rectangle here
These classes can be something like this:
package com.mydomain.utils
     import flash.display.Sprite;
     import flash.display.StageAlign;
     import flash.display.StageScaleMode;
     import flash.events.Event;
      * Extends Sprite so that we just place it
      * on display list and it gets access to stage
     public class StageConfig extends Sprite
          private var _scaleMode:String;
          private var _align:String = StageAlign.TOP_LEFT;
          public function StageConfig(scaleMode:String = StageScaleMode.NO_SCALE, align:String = StageAlign.TOP_LEFT)
               _scaleMode = scaleMode;
               _align = align;
               if (stage) init();
               else addEventListener(Event.ADDED_TO_STAGE, init);
          public function init(e:Event = null):void
               removeEventListener(Event.ADDED_TO_STAGE, init);
               stage.scaleMode = scaleMode;
               stage.align = align;
          public function get scaleMode():String { return _scaleMode; }
          public function set scaleMode(value:String):void
               _scaleMode = value;
               if(stage) stage.scaleMode = _scaleMode;
          public function get align():String { return _align; }
          public function set align(value:String):void
               _align = value;
               if(stage) stage.align = _align;
And Rectangle:
package com.mydomain.graphics
     import flash.display.Graphics;
     import flash.display.Sprite;
     import flash.events.Event;
     public class Rectangle extends Sprite
          public var fillColor:uint = 0xff0000;
          // set width
          public var w:Number = 100;
          public var h:Number = 100;
          public function Rectangle(w:Number, h:Number, fillColor:uint = 0xffffff)
               this.fillColor = fillColor;
               this.w = w;
               this.h = h;
               if (stage) init();
               else addEventListener(Event.ADDED_TO_STAGE, init);
          public function init(e:Event = null):void
               removeEventListener(Event.ADDED_TO_STAGE, init);
               var g:Graphics = this.graphics;
               g.beginFill(fillColor);
               g.drawRect(0, 0, w, h);
               g.endFill();
To accomodate these classes in Main.as:
package
     import com.mydomain.graphics.Rectangle;
     import com.mydomain.utils.StageConfig;
     import flash.display.MovieClip;
     import flash.events.Event;
     public class Main extends MovieClip
          // stage configurator
          private var stageConfig:StageConfig;
          // background object
          private var background:Rectangle;
          // background fill color
          private var projectSetupStageBgColor:uint = 0x333333;
          public function Main()
               if (stage) init();
               else addEventListener(Event.ADDED_TO_STAGE, init);
          private function init(e:Event = null):void
               removeEventListener(Event.ADDED_TO_STAGE, init);
               stageConfig = new StageConfig();
               addChild(stageConfig);
               background = new Rectangle(stage.stageWidth, stage.stageHeight, projectSetupStageBgColor);
               addChild(background);