I’m a beginner in Flash and just start to use it for developping eLearning content (that’s why I must use AS2 for now).

For sure you are in my bookmarks.

Great Thanks

Try it and let me know?

I noticed some bugs on Mac (not really often), I’m not sure why or if it can be solved. I don’t know if they are the same on Vista, I’m on XP. I’ll try to investigate.

One bug though.. not sure if its because of something on my side but when I click on the borders the window jumps or resizes and just seems very buggy.

Im running on Vista, could this be why?

Niklas

To animate it, you’ll have to update an ElementUI property, not the DisplayObject property. If you want your element scrolling from top to bottom you can tween the property y, top or bottom. If you use the y property, it has to be the ElementUI y property.

var el:ElementUI = baseUI.add(mySprite);
and then tween el.y

Should work.

I think I’m going to open a forum, as the comments are not really a great tools to talk and debug

I have a question. I have a header that is stretching to a 100% width. Now I would like it to animate in so that is comes in from the top - kind of like falling down to it’s position. I use Tweener for animations. The thing is that I don’t really understand how the alignments in this case seems to be working. Eventhough I’ve moved it off stage creating a negative y value as a start it still pops to the top of the screen fully visible. I solved this by moving the reg. point. But once the animation is done & I resize the browser it moves back to it’s original position & not the “new” position. How would you solve this? Is there a way to update to the new position - I will have lots scenarios where you have objects on stage coming in from a different position than the position they will align to… I’ve looked in the docs & tried the refresh & some other ones with no luck…

Niklas

That was fast - really NICE!!

Niklas

I’ve got a better version on my computer, I changed the way I show the values and the show/hide functionality is a good idea. I’ll implement that when I’ve got a chance and put a new version in this page.

Romu

Niklas

I really find your site VERY useful - so much good stuff in here!!

Thanks, Niklas

Thanks for a superb class!! Keep up the great work. I’ve already using it in a project.

Niklas

What are you trying to “run” (you mean compile, or launch?) to get a 1009 error? I’ve downloaded it and didn’t find any. Send me an email from the contact page describing me what you do. If you still have this error, I’ll try to reproduce it.

Romu

And I wonder if this class support using pixel fonts. Does it keep aligned object on whole pixels?

Niklas

Niklas

* “If you want to add specific code in your area, just extend CanvasUI or use a simple sprite and add the canvas instance inside. The second solution is simpler and very often polymorphism is more flexible.”
Totally agree and will do. Thank you very much for the explanation. I’ve read your notes throughout your classes and found it helpful as well.

* I understand that the mins would add much complexity to the project.

* Look forward to the revisions and a possible group forum and additional man power on this project.

A VBoxUI in HBoxUI won’t work at the moment (version 3.0), it shouldn’t be a big deal but I just didn’t do it yet. It will work in a CanvasUI though if you want to calculate the positions of the children yourself. I’ve added it in my TODO list for the next release, thanks for your input.

About the bug, I’m not sure it is really one.
The problem is: your Area movie get always resized (the width and height change) by the first BaseUI and the rectangle inside get also resized by a second BaseUI. The rectangle is resized 2 times by the 2 BaseUI instances.

Basically, I built the layouts to handle this kind of problem. If you change the width and height of a sprite, everything inside will be also resized, which is not the case with a CanvasUI instance, the children will keep their size. In your example, you can even remove the BaseUI in the Area class, draw a rectangle with any values like 100*100 as the Area movie will be resized to 80%. Add a centered rectangle 50*50 in the Area class and you get what you want to reach. This is working if you don’t care that the Sprite and its children are resized, otherwise you have to use a CanvasUI.

If you want a main movie set to 80% width and height and a child movie set to 50% width and height of the main movie. I would create the main movie as a CanvasUI and set the children size. This should do what you’re trying to do:

var area:CanvasUI = new CanvasUI();
area.canvasColor = Math.random()*0xFFFFFF;
area.canvasAlpha = .5;
area.percentWidth = area.percentHeight = “80%”;
var el:ElementUI = area.addChildUI(myRectangle);
el.width = el.height = “50%”;
area.refresh();

If you want to add specific code in your area, just extend CanvasUI or use a simple sprite and add the canvas instance inside. The second solution is simpler and very often polymorphism is more flexible.

The other solution would be use only one BaseUI and have both the Area and the rectangle in the same movie clip (your main class for example), so the rectangle is not anymore a children of the Area class but of the main movie, if this fit what you want to do, it is very simple and make you use flash with layouts like you would do in Photoshop.

I hope it helps, if you can’t reach what you need, send me an email and I’ll try to help.

I probably should open a group or a forum to discuss this kind of problem.

Thanks anyway.

About minWidth and minHeight, the first version of BaseUI (in AS2 and not released) handled it in a way, but it makes things a lot more complicated, I’ll think about.

I might take other people on the project if they are interested and if BaseUI if used by a lot of people, we’ll see

Romu

Question:
How do you get multiple objects in the layout package to “fit inside each other”? In other words, I’m wanting to place a two vbox’es inside one hbox.

This should do the job:

var canvas:CanvasUI = new CanvasUI();
// set 50% width and height for the canvas
canvas.percentWidth = “50%”; // or canvas.percentWidth = “50″; or canvas.percentWidth = 50;
canvas.percentHeight = “50%”;
var el:ElementUI = canvas.addChildUI(myTextField);
// set 50% width and height for the textfield
el.width = “50%”;
el.height = “50%”;

I have question though. Is there an easy way to add an object with percentWidth other than the canvas? ie. Say you want to add a textField to the canvas that is always 50% of the canvas width.

Thanks,
Guy

thank you!!

Nice class, really nicely written with excellent feature set.

I’ve been building a layout manager of my own and randomly stumbled on your implementation.

Anyway, keep up the nice work!

Thanks for your comment. To be honest, I have no idea what the best thing to do is. I basically just applied the fix posted on the Adobe bug system on another report.

I didn’t quite understand what the problem is with the DefineTag. I’ll try your fix if you think it is better.

Romu

This is a general concept, I’m sure you can write it in AS2.

In AS2, you have to create a listener:
var ctListener:Object = {};
Stage.addListener(ctListener);
ctListener.onResize = Delegate.create(this, updateFunction);

And in the updateFunction, you apply those rules on your background.

Yours,
SUSI