https://linen.dev logo
Powered by
# haxe-ui
  • b
    just working out an example for you, obviously it will be html5 only
  • f
    Much appreciated.
  • b
    Copy code
    xml
<vbox style="padding: 15px;">
    <hbox>
        <label text="Frame Size:" />
        <slider min="200" max="500" pos="300" onchange="theFrame.width = this.pos" />
        <slider min="200" max="500" pos="200" onchange="theFrame.height = this.pos" />
    </hbox>
    <grid columns="3">
        <button text="Button" />
        <button text="Button" width="100%" />
        <button text="Button" />
        
        <button text="Button" height="100%" />
        <frame id="theFrame" text="Test Video" width="300" height="200">
            <vbox width="100%" height="100%">
                <video id="theVideo" width="100%" height="100%" file="https://www.w3schools.com/html/mov_bbb.mp4" />
                <hbox width="100%">
                    <button width="100%" text="Play" onclick="theVideo.play();" />
                    <button width="100%" text="Pause" onclick="theVideo.pause();" />
                </hbox>
            </vbox>    
        </frame>
        <button text="Button" height="100%" />
        
        <button text="Button" />
        <button text="Button" width="100%" />
        <button text="Button" />
    </grid>
</vbox>
  • b
    ( @User )
  • b
    ... thats the basic idea, ofc, if you use this on any other backend it will fail as it uses haxeui-html5 component 
    .element
    property to mount the video tag
  • f
    Wonderful. Thank you very much. I'm trying to do everything via html5/haxeui/css/js. Replacing the website I had started on.
  • b
    cool - good luck! 🙂
  • e
    Sorry but noticing that that video was playing made me laugh a bit 😂
  • s
    Is there any haxe ui components? Or anything similar that would help me position my elements?
  • f
    the buttons, labels, and text boxes yes.... possibly the image components for the sprites. Are you using anyrthing in particular already? like heaps, openfl, or flixel?
  • s
    Pretty much nothing doing it from scratch and running into issues. So if there are better options I'm here for it.
  • f
    take a look at flixel and openfl for game aspect of it, and haxeui for the ui.... you will be good to go.
  • f
    flixel or openfl for the gaming part of it.
  • s
    i've been trying to get a scrollview to work, but i can't seem to actually get a scrollable container. With this xml, the container displays but without a scrollbar and no scrolling is possible:
    Copy code
    xml
<vbox>
  <scrollview id="entrycontainer" width="300" height="300" style="padding: 5px;" contentWidth="100%" contentHeight="100%" contentLayout="vertical" >
  </scrollview>
</vbox>
    This is the result, with the openfl backend (Linux target) and a bunch of duplicate buttons for testing. Versions for both haxeui-core and the openfl backend are git.
  • s
    nevermind, i'm stupid. removing contentwidth fixes the issue, but I still don't understand why.
  • b
    So, the content width / height allow you specify a fixed (or %) size for the content container of the scrollview (the content container is where all your components go and can be bigger than the scrollview, its the part thats gets clipped basically)... this can be useful in various different ways, some egs:
    Copy code
    xml
<!-- contents of the scrollview will always be 1000x1000 -->
<scrollview width="100" height="100" contentWidth="1000" contentHeight="1000" />

<!-- width of the content container will always match the width of the scrollview -->
<scrollview width="100" height="100" contentWidth="100%">
    <button width="100%" text="Button" /> <!-- without contentWidth="100%" 100% on the button could have strange effects, now it will match the width of the scrollview, if the scrollview resizes, the contents will, and soo will the button -->
</scrollview>
  • b
    without these properties, the scrollview content container will behave in the default way for haxeui, which is to autosize based on its contents... (which is also fine most of the time)
  • b
    if im understanding the question, that screen looks like buttons, labels and images... and someway to lay them out, in which case, sure... haxeui (using the haxe-flixel backend) can help probably
  • b
    I was having a lot of macro-related compiler errors in haxeui... but I "fixed" it by just disabling the compilation server in VScode
  • b
    I know it's been brought up before, and it doesn't seem like an easy thing to fix. But man I could not compile twice in a row without an error
  • b
    In my settings.json, I put 
    "haxe.enableCompilationServer": false
    and that's it. Hope that helps someone else
  • b
    Your compiles will be a second slower but you won't waste 30 seconds crashing and restarting the compilation server anyway
  • b
    And you keep macro'd code completion, since that's a separate thing
  • b
    I was having a lot of macro-related compiler errors in haxeui... but I "fixed" it by just disabling the compilation server in VScode I know it's been brought up before, and it doesn't seem like an easy thing to fix. But man I could not compile twice in a row without an error In my settings.json, I put "haxe.enableCompilationServer": false and that's it. Hope that helps someone else Your compiles will be a second slower but you won't waste 30 seconds crashing and restarting the compilation server anyway And you keep macro'd code completion, since that's a separate thing
  • b
    @User - can we pin that?
  • b
    (i copied into a single message)
  • t
    It's a recurring problem whenever you have macros that generate types/classes IMHO
  • b
    yeah, i defo want to find a real solution to it, but for the time being its nice to have a kinda workaround for it
  • b
    it comes up quite often, and it's be nice to be able to say to people "if you want to can turn of the compilation server and still get completion"
  • p
    F1 -> Haxe: Restart Language Server Will fix cache issue from xml or macro. Doing that when working in macro or xml is obnoxious but leaves cache server avaialble when working in code
1...762763764...1687Latest