|
Post by mboxguru on Aug 17, 2019 18:31:47 GMT
Hi,
I've been working on my first panel and after some fiddling around i am impressed about the way the editor works. Especially the parent child function works like a charm.
Below my suggestions to make it a little easier imho:
- Option to pin child to parent or no t At the moment a child is pinned automatically as soon as the relocation area(left top) is placed within another body. As the relocation area is outside a panel this causes some issues when placing panels close to each other and then trying to align the panels.
- Option to resize components based on text input. With the click and drag interface its not easy to make all buttons the same size. The copy option is a possibility to assure button sizes are the same. However, using text input will make it far easier and easier to correct a size when changed by mistake
- Undo button I don't think there is one and i think this is obvious.
- Options to align panels/buttons etc. At the moment it seems it is only possible to align stuff manually. I like my panels tidy so correct size, placement is something i like in a GUI. If there is an option to align stuff, or use a grid to align them by hand, it would make the work a lot easier.
Anyway, here are some idea's after creating my first button panel. So far I'm very impressed with the usability so far.
Keep up the great work!
|
|
|
Post by charixfox on Jan 6, 2020 20:34:49 GMT
I'm putting in my vote for resizing based on numeric input.
Acceptance Criteria: + Location to enter origin X/Y values + Location to enter size X/Y values + Values should be relative to normal positioning values such as what the grid uses - If the system accommodates percentage as opposed to absolute values, those should be an option + The size of the layout in positioning values should be indicated + A toggle for location values to be relative to Global or Parent node
Optional Criteria group A: + A control to define a relative parent node + A control to define the anchor geometry of the relative parent (For example, Upper left corner, Right edge, Bottom edge, Center, etc) ++ 1D anchors (Edges as opposed to corners) should have the other dimension defined globally
Optional Criteria group B: + Controls and logic needed to anchor individual geometry to other individual geometry subject to axis limitations ++ EX- The X value of a corner can be linked to the right side of another node - the Y can be linked to a corner of a third node - Nodes include the full global canvas origin and sides ++ Parents that are not compatible (A parent Y side for an X value for example) should not be permitted - OR - Should be WELL documented ("If you move this edge down, it will move this other thing to the right")
Optional Criteria group C: + Ability for macros to change node positional settings
|
|
|
Post by Admin on Jan 9, 2020 18:43:25 GMT
Thanks for all those good Ideas !!! there is already a grid system implemented to activate / change grid step you need to open the param windows (writing that it's seem not really practical I'll add shortcuts). I really love the macros that can change the positions/size/rotation of elements. That will enable animations.
|
|
|
Post by charixfox on Jan 10, 2020 0:25:39 GMT
Thanks for all those good Ideas !!! there is already a grid system implemented to activate / change grid step you need to open the param windows (writing that it's seem not really practical I'll add shortcuts). I really love the macros that can change the positions/size/rotation of elements. That will enable animations. We are aware of the grid, but it's still drag and drop based.
The idea here is, for example, if the grid is set to 5, be able to type into a box that the upper left should be at 5, 5, and the height should be 25 and width should be 50, all by typing into a numeric entry location.
The extra options are along the lines of: Object A: Origin 5, 5 Global (Starts at absolute position 5, 5 // 5 down, 5 to the right
Height/Width (H/W) 25, 50
Object B: Parent = Object A Origin = 0 from the top edge of parent , 5 to the right of the right edge of parent (Top edges are even) //Origin ends up being 5, 60
H/W = 25, 50
Adjust Object A to be 30 wide Object B automatically moves to start at 40 instead of 60
I can likely provide programmatic concepts of the premise as well, or think of it in HTML DOM concepts.
|
|