Haxe #haxe-ui

bright-gpu-74537

11/11/2020, 6:13 AM

noice

most-caravan-45834

11/11/2020, 10:58 PM

Is it possible to rename the current selected item in a ListView dinamically?

most-caravan-45834

11/11/2020, 10:59 PM

I've tried:

Copy code

haxe
animationList.selectedItem.text = name;

But nothing happens

most-caravan-45834

11/11/2020, 11:05 PM

EDIT: I've noticed that when I add an item afterwards the renamed item updates it's name. Maybe I have to call some sort of refresh() after changing the name? EDIT: Ok, found out that calling

Copy code

haxe
animationList.invalidateComponentLayout();

afterwards does the job

bright-gpu-74537

11/12/2020, 6:56 AM

yeah, invalidateComponentData will probably work also

bright-gpu-74537

11/12/2020, 6:57 AM

the problem is that selectedItem just returns the data in the data set, which could be pretty much anything... iirc i did have a facility for an observable item, but you have to have a little more setup with you data source... let me see if i can dig it out / create an example

bright-gpu-74537

11/12/2020, 7:25 AM

Ok, so its not working exactly as i wanted (remembered) it to - and it doesnt work with @structInit either, which i would prefer, so im going to make a few updates to make it a little more user friendly, i think ill write a post about it on community.haxeui.org too... bear with me 🙂

bored-sandwich-20283

11/12/2020, 1:35 PM

HI could anyone point me in the direction of a good haxeUI tutorial ? i am trying to figure out how the layout system works, i want a menubar and then a box beneath that fills the rest of the window. however all my experiments os far has ended up with components overlaping the menubar or not covering the entire rest of the window

bored-sandwich-20283

11/12/2020, 1:39 PM

i dont know the height of the menubar, and its probably going to be a fixed number of pixels while the box beneath is more dynamic. if i try to use percentage it just overlaps like this

bright-gpu-74537

11/12/2020, 1:59 PM

you shouldnt need to give the menubar a height

bright-gpu-74537

11/12/2020, 2:00 PM

your layout looks fine to me... can you zip your project so i can try and run it?

bright-gpu-74537

11/12/2020, 2:06 PM

as for a guide, this help any: http://haxeui.org/getting-started/hello-world/ ?

bright-gpu-74537

11/12/2020, 2:07 PM

though by the looks of things you are already past that stage

bored-sandwich-20283

11/12/2020, 2:09 PM

i guess my problem might have been related to copying stuff from the component explorer, i got something that fills the screen now

bright-gpu-74537

11/12/2020, 2:11 PM

fair enough, not sure under what conditions you ended up with the screen above though, certainly not matching what i would have expected from the layout

bright-gpu-74537

11/12/2020, 2:11 PM

if you manage to recreate it, and can zip up a simple test for me to run, lemme know - even for sanity it'd be interesting to see whats going on

bored-sandwich-20283

11/12/2020, 2:13 PM

this should somewhat recreate it

Copy code

xml
<?xml version="1.0" encoding="utf-8" ?>
<box width="100%" height="100%">
    <vbox width="100%">
        <menubar width="100%">
            <menu text="File">
                <menuitem text="New"/>
                <menuitem text="Open"/>
                <menuitem text="Save"/>
                <menuitem text="Save As"/>
            </menu>

            <menu text="Help">
                <menuitem text="About"/>
            </menu>
        </menubar>
    </vbox>
    <vbox width="100%">
        <grid id="grid1" columns="3" style="border: 1px solid #ababab;padding: 5px;">
            <box width="25" height="25" style="background-color: red;border:1px solid red;background-opacity: .5"/>
            <box width="100%" height="25" style="background-color: red;border:1px solid red;background-opacity: .5"/>
            <box width="25" height="25" style="background-color: red;border:1px solid red;background-opacity: .5"/>

            <box width="25" height="100%"
                 style="background-color: green;border:1px solid green;background-opacity: .5"/>
            <box width="100%" height="100%"
                 style="background-color: green;border:1px solid green;background-opacity: .5"/>
            <box width="25" height="100%"
                 style="background-color: green;border:1px solid green;background-opacity: .5"/>

            <box width="25" height="25" style="background-color: blue;border:1px solid blue;background-opacity: .5"/>
            <box width="100%" height="25" style="background-color: blue;border:1px solid blue;background-opacity: .5"/>
            <box width="25" height="25" style="background-color: blue;border:1px solid blue;background-opacity: .5"/>
        </grid>
    </vbox>
</box>

bright-gpu-74537

11/12/2020, 2:14 PM

ok, its because your outer container (first node) is a "box"

bright-gpu-74537

11/12/2020, 2:14 PM

which basically means all the children are layered over the top of each other (though you can align them differently), eg:

bored-sandwich-20283

11/12/2020, 2:15 PM

ok 🙂

bright-gpu-74537

11/12/2020, 2:15 PM

http://haxeui.org/builder/?zhbqij

bright-gpu-74537

11/12/2020, 2:15 PM

all i changed there is the second vbox to be

<vbox verticalAlign="bottom" horizontalAlign="right">

bored-sandwich-20283

11/12/2020, 2:16 PM

is there a xsd or some place to see all the possible atributes ?

bright-gpu-74537

11/12/2020, 2:18 PM

nope, unfortunately not... it would be useful though, the problem is that custom components wouldnt work for that... basically, any property of the component can be accessed via xml using the same name, the macro just turns things like

<bob tim="jim"/>

into:

bright-gpu-74537

11/12/2020, 2:18 PM

Copy code

haxe
var c = new Bob(); // this is based on a lookup "bob" => "Bob"
c.tim = "jim";

bright-gpu-74537

11/12/2020, 2:19 PM

what could be nice, but no idea how feasible / useful it would be is to have haxeui generate an .xsd in a macro for the current project

bored-sandwich-20283

11/12/2020, 2:20 PM

Btw why does this render fine (3 x 100% = 300%), [yes its clearly wrong but i am just playing around with things]

Copy code

<grid width="100%" height="100%" id="grid1" columns="3" style="border: 1px solid #ababab;padding: 5px;">
            <box width="100%" height="50%"  style="background-color: red;border:1px solid red;background-opacity: .5" />
            <box width="100%" height="10%"  style="background-color: red;border:1px solid red;background-opacity: .5" />
            <box width="100%" height="100%"  style="background-color: red;border:1px solid red;background-opacity: .5" />
        </grid>

while this completely change everything

Copy code

<grid width="100%" height="100%" id="grid1" columns="3" style="border: 1px solid #ababab;padding: 5px;">
            <box width="100%" height="50%"  style="background-color: red;border:1px solid red;background-opacity: .5" />
            <box width="99%" height="10%"  style="background-color: red;border:1px solid red;background-opacity: .5" />
            <box width="100%" height="100%"  style="background-color: red;border:1px solid red;background-opacity: .5" />

        </grid>

bored-sandwich-20283

11/12/2020, 2:21 PM

also, is there a way to make a simple handle i can grab to resize the boxes ?

bright-gpu-74537

11/12/2020, 2:22 PM

there isnt anything inbuilt for resizing, nope... but it should be pretty easy to roll out your own...

bright-gpu-74537

11/12/2020, 2:22 PM

not sure about that layout... there have been changes there fairly recently...