https://linen.dev logo
Powered by
# haxe-ui
  • b
    Copy code
    xml
<vbox width="100%">
    <hbox width="100%">
        <label width="120" text="Contents 2 field A" verticalAlign="center" />
        <textfield width="100%" />
    </hbox>    
    <hbox width="100%">
        <label width="120" text="Contents 2 field B" verticalAlign="center" />
        <textfield width="100%" />
    </hbox>    
</vbox>
  • b
    ... fin. 🙂
  • b
    at the moment however, you will get a warning similar to: 
    Warning : The super class of 'Dialog1' does not match the root node of 'assets/base-dialog.xml' (BaseDialog != haxe.ui.containers.dialogs.Dialog) - this may have unintended consequences
  • b
    this is something i added recently (well, kinda recently) and in this case isnt really valid, so ill have to have a think about that
  • b
    it may not be useful to you at all, but just thought i would put it out there as a way of doing things... personally, i would probably go with hiding bits of the dialog depending on its "mode", but i guess it depends how complex each different dialog is
  • m
    thanks Ian I was going to ask you about the parameters in the macro but I thought about it and didn't think it would accept changing actual elements (eg: adding a text field) but I did think about maybe passing in a flag to hide/show the field as I kno wthat works from your examples. I'll test that in a bit. I may still make two different custom dialogs . And about the "@" sign. If that is used, does it stop you from accessing the built component as there is no variable assigned to it? (like using findComponent on an @:build() on)?
  • m
    got a basic custom dialog working
  • b
    Great, what method did you use in the end? As for the "@" im not sure i follow... @:build is haxe compiler built in metadata
  • b
    @User
  • m
    did the @:build and passed in a var to enable a second set of label/textfield. now onto the most difficult part - the file browser
  • m
    I guess I should allow save files to be put anywhere (even outside the app save directory) 🤨
  • m
    that was easy (native at least - have to look into JS Debug). It looks like a bother to get it work under JS as there appears to be some hooks to use and it's dependent on the browser. So I'll make the browser box up without actually loading the filesystem to get the layout going and then plop the filesystem in and go back to native
  • m
    so simple using "+" and "-" or icons? 🙄
  • m
    How should I animate the border color of a component?
  • f
    I hadn't looked at the component explorer for awhile, looks like the left has changed, very nice 👍
  • b
    @User - that should be fixed now, i cant wait to rewrite the style system, its been in the works for a while and keeps getting pushed back (in fact, the branch is no longer going to be used and its more of a test at this point, will need to be redone from scratch again - but using that brach as a ref / test)...
  • b
    Copy code
    html
<style>
    @keyframes anim {
        0% {
            border-color: #0000FF;
            border-size: 5px;
            border-radius: 20px;
            background-color: red;
            color: white;
        }
        50% {
            border-color: #FF00FF;
            border-size: 1px;
            border-radius: 0px;
            background-color: white;
            color: red;
        }
        100% {
            border-color: #0000FF;
            border-size: 5px;
            border-radius: 20px;
            background-color: red;
            color: white;
        }
    }

    .button {
        animation: anim 1s linear 0s infinite;
    }
</style>    
<button text="Snazzzy!" onclick="this.text='Thanks!'" style="font-size: 48px;" />
  • b
    bugger, ok, that change actually breaks some other stuff :( Will fix it after walking the dog
  • b
    (ok, should be fixed now in latest haxeui-core)
  • m
    If I create different animations what would be the best way to choose among them? Set each animation in a different styleName and change the component's styleName? If so, how do I do that in code?
  • b
    @User - something like this: http://haxeui.org/builder/?vrtbpq ?
  • m
    swapClass! That was what I was looking for
  • m
    Thanks a lot!
  • b
    no worries...
  • m
    So I wrote this:
    Copy code
    css
.selectedBorder {
  border: 1px solid blue;
  animation: borderAnim 1s linear 0s infinite;
}

.unselectedBorder {
  border: none;
}

@keyframes borderAnim {
  0% { border-color: #0000FF; }
  50% { border-color: #00FF00; }
  100% { border-color: #0000FF; }
}
  • m
    But when I swap back to unselectedBorder with:
    Copy code
    haxe
this.swapClass("unselectedBorder", "selectedBorder");
    I get a border with no animation and with the last animated color, when what I wanted was no border
  • b
  • b
    my guess is its a bug in haxeui-flixel
  • b
    ie, i bet if you set a border in flixel and then set it to no border it doesnt clear the border
  • b
    ... ... ... yup
1...489490491...1687Latest