https://linen.dev logo
Join Discord
Powered by
# haxe-ui
  • b
    do you use haxe 4.1 and below?
  • b
    this uses module level fields...
  • b
    lemme fix this real quick
  • b
    ah, ill need to set my version, but im half way though something at the moment
  • b
    oh ok
  • b
    how do ii check haxe version?
  • b
    you mean at compile time?
  • b
    yea
  • b
    h
  • b
    #if haxe_ver > version("0.0.0")
    or something like that
  • b
    in your reposition you are creating a dropdown each time 
    dropdown = new DropDown();
  • b
    also, does .left / .top work with repositioning it rather than .x / .y
  • b
    thats a major oopsie lol
  • b
    thanks for the help! things work now 🙂
  • b
    np - 👍
  • f
    wait
  • f
    is there any time when people /don't/ deal with images as an array of 32-bit unsigned ints?
  • b
    is there a way to trigger an animation when my label text changes?
  • b
    (the idea is to notify the user that the text changed)
  • b
    im guessing it cant be done with pure css
  • b
    cant figure out this animation api on the codeside
  • b
    Try customStyle
  • b
    well im trying to access the animation that i created in the css so i can run it manually
  • b
    customStyle doesnt have animations
  • b
    Copy code
    css
.highlight-change {
    animation: unhighlight 1s linear 0s 1;
}

@keyframes highlight {
    100% {
        color: red;
    }
}

@keyframes unhighlight {
    100% {
        color: $normal-text-color;
    }
}
    the animation fyi
  • b
    i must be misunderstanding animations
  • b
    ok, so to run the animation you need to add the "highlight-change" to a component
  • b
    ie, 
    addClass("highlight-change")
  • b
    btw, im thinking about creating an AnimationUtil (that i use in other projects), since css animations can be a real drag some times
  • b
    Copy code
    haxe
class AnimationUtil {
    public static function shake(c:Component, onComplete:Void->Void = null) {
        var k1 = new AnimationKeyFrame();
        k1.time = Value.VDimension(Dimension.PERCENT(0));
        var directive = new Directive("left", Value.VDimension(Dimension.PX(c.left)));
        k1.directives = [directive];

        var k2 = new AnimationKeyFrame();
        k2.time = Value.VDimension(Dimension.PERCENT(20));
        var directive = new Directive("left", Value.VDimension(Dimension.PX(c.left - 5)));
        k2.directives = [directive];
        
        var k3 = new AnimationKeyFrame();
        k3.time = Value.VDimension(Dimension.PERCENT(40));
        var directive = new Directive("left", Value.VDimension(Dimension.PX(c.left + 5)));
        k3.directives = [directive];
        
        var k4 = new AnimationKeyFrame();
        k4.time = Value.VDimension(Dimension.PERCENT(60));
        var directive = new Directive("left", Value.VDimension(Dimension.PX(c.left - 3)));
        k4.directives = [directive];
        
        var k5 = new AnimationKeyFrame();
        k5.time = Value.VDimension(Dimension.PERCENT(80));
        var directive = new Directive("left", Value.VDimension(Dimension.PX(c.left + 3)));
        k5.directives = [directive];

        var k6 = new AnimationKeyFrame();
        k6.time = Value.VDimension(Dimension.PERCENT(100));
        var directive = new Directive("left", Value.VDimension(Dimension.PX(c.left)));
        k6.directives = [directive];
        
        var framesArray:Array<AnimationKeyFrame> = [k1, k2, k3, k4, k5, k6];
        
        var frames = new AnimationKeyFrames("shake", framesArray);
        c.applyAnimationKeyFrame(frames, {
            duration: .1
        });
        c.onAnimationEnd = function(e) {
            c._componentAnimation = null;
            if (onComplete != null) {
                onComplete();
            }
        }
    }
}
1...123312341235...1687Latest