https://linen.dev logo
Powered by
# haxe-ui
  • b
    I think you are completely right! So I rant with you!
  • b
    How would I make the bounds of a container vbox clip an image set to 
    scaleMode="none"
    ? Like how scrollview does automatically
  • b
    Via xml I guess, I assume there's a way by setting 
    componentClipRect
    in code
  • b
    Copy code
    xml
<box width="558" height="299" top="28" left="41">
     <absolute width="100%" height="100" horizontalAlign="center" verticalAlign="bottom">
          <image id="myImage" resource="image.png" width="100%" height="100" scaleMode="none" />
          <label id="myText" text="" width="100%" height="100" style="font-size: 32px;font-bold: true;" />
     </absolute>
</box>
  • b
    do you mean like this: http://haxeui.org/builder/?tzhhzu
  • b
    style="clip:true"
    ?
  • b
    (note in the example above it looks like its also clipping the parent border - will check that out)
  • b
    just for a brief explanation: 
    clip:true
    sets the comonentClipBounds to the size of the component (including when it resizes), so anything gets clipped - i actually toyed with making this the default tbh, since the behaviour is more normal imo, but its expensive, so decided not to.... scrollviews dont use this, they directly use compoentClipRect (since the clipping is more dynamic based on a scroll position)
  • b
    Ah ok, I’ll try that out. Thanks
  • b
    just as a question. haxeui-core vscode plugin for live previewing could be useful ... or? I think i give it a try with: 
    Toolkit.componentFromString('<vbox><button text="Button" /></vbox>', "xml")
  • b
    hmmm do you removed the componentFromString?
  • b
    i tried 
    trace(RuntimeComponentBuilder.fromString(src, 'xml'));
    But i doesn't work 
    WARNING: no class found for component: vbox
    sooo how i get it worked xD
  • b
    full code
    Copy code
    haxe
package ;

import haxe.ui.Toolkit;
import haxe.ui.RuntimeComponentBuilder;

class Main {
    public static function main() {
        var src = '<vbox><button text="Button" /></vbox>';
        Toolkit.init();
        trace(RuntimeComponentBuilder.fromString(src, 'xml'));
    }
}
    Copy code
    -cp src
-main Main

--dce no

-lib haxeui-core
-lib haxeui-html5
-lib vscode

--macro include('haxe.ui.containers', true)
--macro include('haxe.ui.components', true)

-js build/html5/Main.js
  • b
    hmmm... that should have worked
  • b
    ill check it out tomorrow - heading to bed
  • b
    OK, so you can fix it by doing:
    Copy code
    haxe
ComponentClassMap.register("vbox", "haxe.ui.containers.VBox");
ComponentClassMap.register("button", "haxe.ui.components.Button");
    But obviously that isnt ideal, so you can also just create a 
    module.xml
    (on your classpath, for example in 
    src
    ) and put the following in it:
    Copy code
    xml
<module>
    <components>
        <class package="haxe.ui.core" loadAll="true" />
        <class package="haxe.ui.components" loadAll="true" />
        <class package="haxe.ui.containers" loadAll="true" />
        <class package="haxe.ui.containers.dialogs" loadAll="true" />
        <class package="haxe.ui.containers.menus" loadAll="true" />
        <class package="haxe.ui.containers.properties" loadAll="true" />
    </components>
</module>
    (the loadAll is a new attribute that tells the module phase to put everything from that package that extends 
    Component
    in the classmap automatically - this will mean a reference to all components will be made - but for runtime stuff that'd be what you want)
  • b
    How well would HaxeUI work in dynamic environment (HTML) where I would want to load the views dynamically? E.g. a root app running in a browser, loading unknown code that would want to 
    root.addView(...)
    ? With regards to ease of compilation and flexibility and such.
  • b
    how would it be loading this "unknown code"?
  • b
    i mean, what would it be? Like a seperate js file or something?
  • b
    i will give it a try.
  • b
    Pretty much, yeah.
  • b
    I guess it's better if I talk about the actual use-case: An electron wrapper around an HTML game (mainly for file system access), but I often want to debug some runtime values, and would like to find a workflow to make that fast.
  • b
    So things like adding a slider to control a value, and the UI for that would just appear around the game somewhere (or separate windows, it's electron afterall).
  • b
    I used things like tweakpane, but they all suck cos they're JS focused. Never had time to write a macro based wrapper for that.
  • b
    But I wouldn't mind something stronger than tweakpane. Dear ImGui is solid, but difficult to use from JS/Haxe.
  • b
    So I wonder what my experience would be with HaxeUI. 🙂
  • b
    i mean, using haxeui as debug type thing to control variables in an application is certainly doable, im not quite sure where the dynamic part of this comes into play
  • b
    Having multiple views that don't know about each other.
  • a
    it's kind of funny, but I may have had a similar thought to antriel a few days ago. What I was thinking about was something like, how would a "react" workflow work with haxeui
  • a
    a "state" focused/live app
1...931932933...1687Latest