Some sort of Layout system

Comments

• SinisterSoft Maintainer

  March 2020

  Looking good.

  Coder, video game industry veteran (since the '80s, ❤'s assembler), arrested - never convicted hacker (in the '90s), dad of five, he/him (if that even matters!).
  https://deluxepixel.com

  +1 -1Share on Facebook
• keszegh Member

  March 2020

  thanks.
  i notice it also has this ":" thingy which was in @n1cke 's library and which seemed very alien to lua and to me. i'm not sure i even understand what happens there.

  Longtitle Productions, creator of
  Fragmenter - animated loop machine and IKONOMIKON - the memory game

  +1 -1Share on Facebook
• rrraptor Member

  March 2020 edited March 2020

  keszegh said:

  i notice it also has this ":" thingy which was in @n1cke 's library and which seemed very alien to lua and to me. i'm not sure i even understand what happens there.

  local layout = Layout.new() :relSize(100,100) :cols() :childs{...}

  Same as

  local layout = Layout.new() layout:relSize(100,100) layout:cols() layout:childs{...}

  The difference is that in a second variant you need to type instance name every time when you want to call its method.

  Likes: antix

  SuperShape | Nice blured shapes with shadows | Simple button pad | Simple layer class | Simple UI library | 2D camera lib | Color picker | FPS graph | Dear ImGui | cute_c2

  +1 -1 (+1 / -0 )Share on Facebook
• keszegh Member

  March 2020

  thanks.
  and in the plugin code you just need to add that any function of the class returns the object (self)?

  Longtitle Productions, creator of
  Fragmenter - animated loop machine and IKONOMIKON - the memory game

  +1 -1Share on Facebook
• rrraptor Member

  March 2020

  @keszegh exactly

  SuperShape | Nice blured shapes with shadows | Simple button pad | Simple layer class | Simple UI library | 2D camera lib | Color picker | FPS graph | Dear ImGui | cute_c2

  +1 -1Share on Facebook
• keszegh Member

  March 2020

  thanks for the explanation, this way it makes much more sense, maybe i can even get accustomed to this, it clearly has some advantages.

  Longtitle Productions, creator of
  Fragmenter - animated loop machine and IKONOMIKON - the memory game

  +1 -1Share on Facebook
• rrraptor Member

  March 2020 edited March 2020

  Small update.
  
  Its possible now to add SUI component using "child" (or "childs") method like this:

  sui:layout(1280,720) :relSize(100,100) :cols() :paddingAll(4) :wrap(Layout.WRAP) :childs{ Layout.new(200):relHeight(100):cols():margin(4):paddingAll(8):setTextureBackground(tex,5):childs{ sui:button(Pixel.new(0,1,32,32),function() print("hello1") end, {_marginLeft = 10, _marginDown = 10, _marginRight = 10, _marginUp = 10}), Layout.new(100):relHeight(50):cols():margin(4):setTextureBackground(tex,5):allowResizeAll(true), sui:button(Pixel.new(0,1,32,32),function() print("hello2") end, {_marginLeft = 10, _marginDown = 10, _marginRight = 10, _marginUp = 10}), Layout.new(100):relHeight(50):cols():margin(4):setTextureBackground(tex,5):allowResizeAll(true), sui:button(Pixel.new(0,1,32,32),function() print("hello3") end, {_marginLeft = 10, _marginDown = 10, _marginRight = 10, _marginUp = 10}), }, Layout.new():relSize(100,100):cols():margin(4):setTextureBackground(tex,5), }

  Likes: MoKaLux

  SuperShape | Nice blured shapes with shadows | Simple button pad | Simple layer class | Simple UI library | 2D camera lib | Color picker | FPS graph | Dear ImGui | cute_c2

  +1 -1 (+1 / -0 )Share on Facebook
• MoKaLux Member

  March 2020

  @rrraptor is your code specific to resizable desktop apps or for mobile as well?

  my growING GIDEROS github repositories: https://github.com/mokalux?tab=repositories

  +1 -1Share on Facebook
• rrraptor Member

  March 2020

  @MoKaLux what do you mean?) There is no platform specific code at all. The only thing is:

  Layout:allowResize

  Its for debuging :P

  SuperShape | Nice blured shapes with shadows | Simple button pad | Simple layer class | Simple UI library | 2D camera lib | Color picker | FPS graph | Dear ImGui | cute_c2

  +1 -1Share on Facebook
• MoKaLux Member

  March 2020

  I was talking about your layout system (cf your initial post).
  As far as I understand when you resize the window of your app all the elements adapt.
  So it's only for desktop apps?

  my growING GIDEROS github repositories: https://github.com/mokalux?tab=repositories

  +1 -1Share on Facebook
• rrraptor Member

  March 2020 edited March 2020

  MoKaLux said:

  As far as I understand when you resize the window of your app all the elements adapt.

  Its not adapting to a screen size. You can do it by hands just in few lines.
  -- add resize listener with code:

  masterLayout:size(W,H) masterLayout:update()

  Likes: MoKaLux

  SuperShape | Nice blured shapes with shadows | Simple button pad | Simple layer class | Simple UI library | 2D camera lib | Color picker | FPS graph | Dear ImGui | cute_c2

  +1 -1 (+1 / -0 )Share on Facebook
• rrraptor Member

  March 2020

  Another small update.

  • Fixed a few bugs
    
  • Renamed "setSolidBackgroud" to "background", "setTextureBackground" to "textureBackground"
    

  Now I'll try to add alignment

  SuperShape | Nice blured shapes with shadows | Simple button pad | Simple layer class | Simple UI library | 2D camera lib | Color picker | FPS graph | Dear ImGui | cute_c2

  +1 -1Share on Facebook
• rrraptor Member

  April 2020 edited April 2020

  I rewrote whole library
  It is now even more simplier, I guess.

  • Added themes support.
    
  • Added drop downs.
    
  • Added scrolling.
    
  • Added new auto size property (set width/height relative to parent width/height).
    
  • Added hover and press effects.
    
  • Removed relative size support due to new "dock" property.
    
  • Every object now have its own default graphics.
    

  Thats how it looks now:
  
  
  Its completely missing touch control and there is a few bugs, so Im not going to publish it yet.
  
  P.S. sorry for the music, I picked a random mix from my playlist xd

  Likes: keszegh, talis, MoKaLux

  SuperShape | Nice blured shapes with shadows | Simple button pad | Simple layer class | Simple UI library | 2D camera lib | Color picker | FPS graph | Dear ImGui | cute_c2

  +1 -1 (+3 / -0 )Share on Facebook
• SinisterSoft Maintainer

  April 2020

  @rrraptor Looks AMAZING! I like the music too.
  
  It should be added in the main distro as a built-in Lua plugin when finished.

  Coder, video game industry veteran (since the '80s, ❤'s assembler), arrested - never convicted hacker (in the '90s), dad of five, he/him (if that even matters!).
  https://deluxepixel.com

  +1 -1Share on Facebook