package com.squibn.examples.liquidgui.ui
{
import com.squibn.examples.liquidgui.IResizable;
import flash.display.Sprite;
//
public class BodyUI extends Sprite implements IResizable
{
public static var _instance:BodyUI;
public var bg:Sprite;
private var _parent:Sprite;
/**
* Constructor
*/
public function BodyUI (p:Sprite)
{
_parent = p;
__configUI ();
}
/**
* Configures the user interface elements of this DisplayObject
*/
private function __configUI ():void
{
bg = new Sprite();
addChild(bg);

var bottom:Base=new Base();
bg.addChild(bottom);

}
/**
* Singleton implementation
* @param p A reference to the parent
* @returns BodyUI singleton instance
*/
public static function getInstance (p:Sprite):BodyUI
{
if (_instance == null)
_instance = new BodyUI (p);
return _instance;
}
/**
* Implemented method of IResizable interface
*/
public function setSize(w:Number, h:Number):void
{
bg.width = w;
bg.height = h;
}
}
}

I know this is fairly basic stuff, but for someone (like myself) struggling to grasp AS3 this i a major breakthrough!! And might help someone else who’s also learning this crazy language!:D
I love it when a plan comes together!

How would I go about replacing the library instances with shapes that I’ve created using actionscript say for example replacing the Body UI instance with a graphic I’ve created solely by code, like this…

package {

import flash.display.*;
import flash.geom.Matrix;

public class Base extends Sprite {

public function Base() {

var gradType:String = GradientType.LINEAR;
var matrix:Matrix = new Matrix();
matrix.createGradientBox(950, 700, deg2rad(90), 0, 0);
var colors:Array = [0×999999, 0×000000];
var alphas:Array = [1, 1];
var ratios:Array = [0, 255];
var canvas = new Sprite();
canvas.graphics.beginGradientFill(gradType, colors, alphas, ratios, matrix);
canvas.graphics.drawRect(0, 0, 950, 700);
addChild(canvas);

}

private function deg2rad(deg:Number):Number {
return deg * Math.PI / 180;
}
}
}

Thanks,
Squibn

Thank you for providing the AS3 version of this tutorial at http://www.adobe.com/devnet/flash/articles/liquid_gui.html. (I’m interested in using this new AS3 liquid stuff because I’m using the shiny new AS3 XML stuff).

Anyways, the liquid_gui_source.zip file that I downloaded from this Adobe site doesn’t have any fla files in the version folder other than in the first one. As part of the steps of version 2, I can follow renaming my LiquidGUI_v1.fla to the LiquidGUI_v2 folder and the handful of steps after that … however, after the Linkage Properties screenshot in the Version 2 section, it says to leave the SWF file in the assets subfolder. Which SWF? The LiquidGUI_v2.swf that I think I’m generating here in the root of the new version 2 folder? I’m feeling a little disoriented about where the FLA which calls the Document class should be.

Thanks in advance for your assistance.

mc_header.mc_swf2.addEventListener(MouseEvent.CLICK, bttnClick2);
mc_header.mc_swf2.buttonMode = true;
function bttnClick2(event:MouseEvent):void {

var imageLdr2:Loader = new Loader();
var imageURLReq2:URLRequest = new URLRequest( “swf2.swf” );
imageLdr2.load(imageURLReq2);
imageLdr2.contentLoaderInfo.addEventListener(Event.COMPLETE , imageLoaded2);

function imageLoaded2(event:Event):void {
imageLdr2.content.width = mc_body.width;
imageLdr2.content.height = mc_body.height;
mc_body.addChildAt( imageLdr2.content , 1);
mc_body.removeChildAt(2);
}
}

which does resize the imported swf, but is a bit unpredictable and I haven’t worked out how to turn it’s scaleMode off, so it’s is still getting stretched. I’ve tried setting the scaleMode to NO_SCALE within the imported swf. Can you please suggest a better way to change the stage size of the imported swf to match the size of the area it will be loaded in to?

Also I have a set width for the main section of my site, and have a MovieClip on either side of the main area. These movie clips have widths are just the left over area {(stage.width - “mainContent”.width) / 2}. I’m using these MovieClips to load in other swf.s with animations if there is enough room. It works but seems to load the swf every frame like an ENTER_FRAME event, and I can’t find out what type of event to use to only trigger the function once, if the area is wide enough. Can you please tell me what type of event to use?

stage.addEventListener(Event.RESIZE, sizeCheck);
function sizeCheck(e:Event):void {
if(mc_left.width = 200){
var imageLdr3:Loader = new Loader();
var imageURLReq3:URLRequest = new URLRequest( “anim1.swf” );
imageLdr3.load(imageURLReq3);
mc_loadAreaLeft.addChildAt( imageLdr3, 1);
mc_loadAreaLeft.removeChildAt(2);
trace(”anim1 loaded”);
}
}

I’m really new to flash and can’t get much help at uni cause they aren’t using AS3 yet. I’d love any suggestions on how better ways to do this (preferably not using external classes yet). This is just the code I’ve chopped and changed from tutorials I’ve done.

Thanks

TypeError: Error #1007: Instantiation attempted on a non-constructor.
at com.jor.examples.liquidgui.ui::HeaderUI/__configUI()
at com.jor.examples.liquidgui.ui::HeaderUI()
at com.jor.examples.liquidgui.ui::HeaderUI$/getInstance()
at LiquidGUI_v3()

I’m working from a setup of; Mac OSX 10.4…Firefos v.2.0.0.2, Flash Player 9.0.

The tutorial “Version 4 completed (full working application)” http://www.adobe.com/devnet/flash/articles/liquid_gui_04.html#
does not work.

The window is fixed and cannot be resized.

Also…an error comes up in Firefox: “tocObj.SetVariable is not a function
helptoc_DoFSCommand(”checkURL”, “”)help_toc.php (line 34)
[Break on this error] tocObj.SetVariable(”content_url”, parent.help_content.location.href);”

BR
Ruggero

Not sure if this is the correct place to ask, but am a newbie at Flash and wanted to know your opinion on which way I should go? the old tutorial or the new one? I’m not actually sure what Flex Builder is??

Thanks!