Centering In MojoX

[Abe _King_Participant]

So I know there are ways to do “top left right bottom” but I’m not aware of any way or method to center views…

What I’m trying to do: I have a view which takes up a dynamic dimension. I add child components to it AddView(…) of unknown sizes(to me). I want them to be viewed in the middle&center of the screen. This isn’t working though!

Is there a way to achieve this?

Where the red lines are equal and the green lines are equal

[Mark SiblyKeymaster]

Here’s a little demo of centering a view within another view  – in this case, a GridView within a window.

The key here is set the view want to be centered’s layout to “float” and its gravity to .5,.5. This causes the view to ‘float’ in the center of it’s frame. Ditto you can uses different gravity values to float at top left, bottom right, bottom center etc.

(Note: I found a little bug in GridView while doing this that causes overlap between child gadgets in a gridview – fixed in develop branch).

Monkey

#Import "<std>" #Import "<mojo>" #Import "<mojox>" Using std.. Using mojo.. Using mojox.. Class MyWindow Extends Window Method New() Super.New( "Simple Mojo Gui App",640,480,WindowFlags.Resizable ) local gridView:=New GridView( 1,3 ) gridView.AddView( New Label( "Sprite" ),0,0 ) gridView.AddView( New Label( "Text" ),0,1 ) gridView.AddView( New Button( "Button" ),0,2 ) gridView.Layout="float" gridView.Gravity=New Vec2f( .5,.5 ) ContentView=gridView End End Function Main() New AppInstance New MyWindow App.Run() End

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36

#Import "<std>" #Import "<mojo>" #Import "<mojox>"   Using std.. Using mojo.. Using mojox..   Class MyWindow Extends Window Method New() Super.New( "Simple Mojo Gui App",640,480,WindowFlags.Resizable ) local gridView:=New GridView( 1,3 ) gridView.AddView( New Label( "Sprite" ),0,0 ) gridView.AddView( New Label( "Text" ),0,1 ) gridView.AddView( New Button( "Button" ),0,2 )   gridView.Layout="float" gridView.Gravity=New Vec2f( .5,.5 ) ContentView=gridView End End   Function Main()   New AppInstance New MyWindow App.Run() End

[Abe _King_Participant]

Thank you! I would have never figured this out haha. This has helped me a lot to learn more about mojox, so that’s great news. Very much appreciated

[Author]

Posts