famo.us：文本框中的淡入淡出

Question

我希望用户名/密码/ login_button表面在序列中淡入视图。我想我知道如何使用callback的{​​{1}}参数来动画链接动画，但我无法弄清楚如何让某些内容淡入视图。这是我的代码只是试图让登录按钮淡入：

StateModifier.setTransform

问题是否与不透明度总是乘以父节点的不透明度这一事实有关，因此我将其设置为0以上的层次结构然后它不可能乘以下面的任何其他东西得到它大于零？

Answer 1

我找到了问题的答案。我只是添加了一个具有开始和结束不透明度的新修饰符函数Fade：

var Fade = function (startOpacity, endOpacity, transition, callback) {
    var stateModifier = new StateModifier();
    stateModifier.setOpacity(startOpacity);
    stateModifier.setOpacity(endOpacity, transition, callback);
    return stateModifier;
};

然后将我的代码更改为显示登录按钮：

loginView
    .add(Centered())
    .add(Translate(0, 50, 0, oneSecondEaseInOut))
    .add(Fade(0, 1, oneSecondEaseInOut)) // transition opacity from 0 to 1 over 1 second
    .add(loginButton);