Rotation seems to break it completely, I am trying to use it with senoculars transform tool everything works fine but if I rotate the object then base ui deforms the transformation.

Almost like the y position doesn’t change.

* “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!!