Haxe #haxe-ui

bright-gpu-74537

03/12/2021, 10:07 PM

once you start using custom views + xml + binding you wont look back 🙂

bright-gpu-74537

03/12/2021, 10:08 PM

in pretty much every project i make (even test ones) pretty much everything is a custom xml view with binding

bright-gpu-74537

03/12/2021, 10:08 PM

everything just gets simpler, cleaner (imo)

bright-gpu-74537

03/12/2021, 10:09 PM

some people, it seems, love ui from code though... ill never get it, but its fine... the haxeui macros for markup are just building code for you

magnificent-caravan-75149

03/12/2021, 10:10 PM

Copy code

// this area is for the bindings for the components
        @:bind(gc_lot, MouseEvent.CLICK)
        @:bind(gc_fun, MouseEvent.CLICK)
        @:bind(gc_money, MouseEvent.CLICK)
        @:bind(gc_opts, MouseEvent.CLICK)

magnificent-caravan-75149

03/12/2021, 10:10 PM

ummm these all call the same function on MouseEvent

bright-gpu-74537

03/12/2021, 10:11 PM

why wouldnt they?

bright-gpu-74537

03/12/2021, 10:11 PM

you can bind multiple events to the same function

magnificent-caravan-75149

03/12/2021, 10:11 PM

so I need to figure out which button is clicked?

bright-gpu-74537

03/12/2021, 10:11 PM

or use different functions?

bright-gpu-74537

03/12/2021, 10:12 PM

Copy code

haxe
    @:bind(myButton, MouseEvent.CLICK)
    private function doIt(e:MouseEvent) {
        myButton.text = "World";
    }
    
    @:bind(myOtherButton, MouseEvent.CLICK)
    private function doOtherThing(e:MouseEvent) {
        myOtherButton.text = "World";
    }

bright-gpu-74537

03/12/2021, 10:13 PM

you could do:

bright-gpu-74537

03/12/2021, 10:14 PM

Copy code

haxe
    @:bind(myButton, MouseEvent.CLICK)
    @:bind(myOtherButton, MouseEvent.CLICK)
    private function doOtherThing(e:MouseEvent) {
        switch (e.target.id) {
            ...
        }
    }

bright-gpu-74537

03/12/2021, 10:14 PM

but i feel like it defeats the purpose somewhat... though its how i use menus to be fair

bright-gpu-74537

03/12/2021, 10:14 PM

(actually, thats not true, i dont use menus that way 🙂 )

magnificent-caravan-75149

03/12/2021, 10:16 PM

ok I got working - function after the bind if u want different actions or I could do the switch hmmmm decisions

bright-gpu-74537

03/12/2021, 10:17 PM

exactly... the "@:bind" is a metadata attached to the function

bright-gpu-74537

03/12/2021, 10:17 PM

it simply specifies what you wish to bind to this function

magnificent-caravan-75149

03/12/2021, 10:18 PM

I think the switch would work out better for a noob to see what is going on

magnificent-caravan-75149

03/12/2021, 10:18 PM

let me try that

bright-gpu-74537

03/12/2021, 10:18 PM

switch would work also... and i think it depends on your use case to be honest... both are valid

bright-gpu-74537

03/12/2021, 10:19 PM

personally i tend to do things like:

bright-gpu-74537

03/12/2021, 10:20 PM

Copy code

haxe
    @:bind(myButton, MouseEvent.CLICK)
    private function doIt(e:MouseEvent) {
        doAllTheThings("thing1");
    }
    
    @:bind(myOtherButton, MouseEvent.CLICK)
    private function doOtherThing(e:MouseEvent) {
        doAllTheThings("thing2");
    }

bright-gpu-74537

03/12/2021, 10:20 PM

but thats because i generally dont like any logic (at all) in any of my event handlers

magnificent-caravan-75149

03/12/2021, 10:27 PM

Copy code

// this area is for the bindings for the components
        @:bind(gc_lot, MouseEvent.CLICK)
        @:bind(gc_fun, MouseEvent.CLICK)
        @:bind(gc_money, MouseEvent.CLICK)
        @:bind(gc_opts, MouseEvent.CLICK)
        function processClick(e:MouseEvent) {
            switch(e.target.id) {
                case "gc_lot": 
                    trace("gc_lot Button clicked");                
                case "gc_fun":
                    trace("gc_fun Button clicked");                
                default:
                    trace("other");
            };
        }

magnificent-caravan-75149

03/12/2021, 10:28 PM

seems a little easier to understand

bright-gpu-74537

03/12/2021, 10:28 PM

i mean, i guess

bright-gpu-74537

03/12/2021, 10:28 PM

its valid

bright-gpu-74537

03/12/2021, 10:29 PM

seems like alot of effort for nothing

magnificent-caravan-75149

03/12/2021, 10:29 PM

or each button gets a function - either way