Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Can't customize animation effect with showMember()/hideMember()

    Hello, is it expected that the animateShowEffect and animateHideEffect settings are ignored when calling layout.showMember(member) or layout.hideMember(member)?

    I tried modifying the animateLayout sample to test this behaviour. Here's the code:

    Code:
    isc.defineClass("StarImg", "Img").addProperties({
        width:48, height:48,
        layoutAlign:"center",
        appImgDir:"pieces/48/"
    })
    
    isc.HStack.create({
        ID:"starsLayout",
        top:50, membersMargin:10, layoutMargin:10, showEdges:true,
        animateMembers:true,
        animateShowEffect:"fade",
        animateHideEffect:"fade",
        members:[
            isc.StarImg.create({src:"star_blue.png"}),
            isc.StarImg.create({src:"star_green.png", ID:"greenStar"}),
            isc.StarImg.create({src:"star_yellow.png"})
        ]
    })
    
    isc.IButton.create({
        title:"Hide",
        icon:"pieces/16/star_green.png",
        iconOrientation:"right",
        click: "starsLayout.hideMember(greenStar)"
    })
    
    isc.IButton.create({
        title:"Show", left:120,
        icon:"pieces/16/star_green.png",
        iconOrientation:"right",
        click: "starsLayout.showMember(greenStar)"
    })
    However, the effect always appears to be a default slide, regardless of the animateShowEffect or animateHideEffect settings. Is there a way to customize the animation when using showMember / hideMember (or layout.setVisibleMember(member))?

    #2
    Hi Claudio
    layout.hideMember() and showMember() do not take the animateHideEffect / animateShowEffect into account. There is a way to configure the animation effect when animateMembers is true but this is currently undocumented. We'll look at exposing this capability.

    However in the meantime you could just call animateHide() / animateShow() on the members directly instead of using hideMember() / show Member(). In this usage you'd either set animateHideEffect / animateShowEffect on the members themselves (not the layout), or you could pass the effect you want to use into animateHide() / animateShow() as a parameter

    Regards
    Isomorphic Software

    Comment

    Working...