https://linen.dev logo
Powered by
# haxe-ui
  • h
    how/where is initScr defined?
  • m
    initScr is public static initScr:Component
  • m
    img1,2,3 are ok
  • m
    gotta be something with findComponent since that is returning null
  • h
    Hard to tell without the right information. I'm not seeing the images you're talking about, but I'm going to guess that's because they're children of splash. But I am going to assume #splash is your root. What do img1,2,3 look like? What happens if you make another vbox inside of splash with the same ID?
  • m
    ok, the method is findComponents not findComponent
  • m
    now I have to figure out how to animate a fadeOut on it
  • h
    I'm pretty sure whatever your 
    initScr
    "component" is, is what you're looking for @User
  • h
    Are you working with custom components?
  • m
    well i managed to get the rootComponent and hide it. let me try the initScr
  • m
    Thanks - that did it.
  • b
    is initScr the splash screen?
  • b
    i think it is... so then you just want iniScr.fadeOut i think
  • b
    oh, just reread... thats exactly what Xoidal was saying... sounds like its all working? 🙂
  • m
    is used a class defined for fadeout to get a bit more control. is there a way to change the behavior of the method?
  • b
    not sure i follow...
  • m
    if I use initScr.fadeout instead of initScr.addClass('fadeOut') is there a way to change how the first way behaves (like length of the fade or easing function)? The second way you define the animation in CSS
  • b
    all .fadeout does (i think) is apply that css class - lemme check
  • b
    yeah, basically thats all it does
  • b
    swapClass("fade-in", "fade-out");
  • m
    sweet
  • b
    it does some other stuff wrt to visibility also
  • b
    Copy code
    css
@keyframes animationFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fade-in {
    animation: animationFadeIn 0.1s linear 0s 1;
}

.fade-out {
    animation: animationFadeIn 0.1s linear 0s 1 reverse;
}
  • m
    I can override the .fade-out be redefining it in the CSS?
  • b
    yup
  • b
    you can either point it to a new set of frames or just increase the duration etc, eg:
  • b
    Copy code
    css
.fade-in {
    animation: animationFadeIn 10s ease-in 0s 1;
}

.fade-out {
    animation: my-sexy-new-fade-out 0.1s linear 0s 1 reverse;
}
  • m
    that's pretty much the CSS I currently have - we talked about that in March I believe b3 I Took a break. 🙂 I might be able to publish the basic app/game gui framework by the end of the month. I'm working on File Dialogs today
  • b
    sounds cool :) You working on file dialogs using haxeui components on using external native file browsers?
  • m
    yes basically the HAXE framework stuff
1...448449450...1687Latest