Question

我正在尝试重新调整代码以创建自定义进度条 - 但我无法理解如何进行最终更改。

当前的实现执行进度条。我想要的是进度条更新文本然后自行消失。

var win = Ti.UI.createWindow({
    backgroundColor: 'white',
});

var label1 = Ti.UI.createLabel({
  text: 'Working on it...',
  textAlign:'center',
});

var track = Ti.UI.createView({
    width: "60%", height: "20%",
    borderRadius:40, 
    backgroundColor: 'red'
});
var progress = Ti.UI.createView({
    borderRadius:40, 
    left: 0,
    width: 5, height: "100%",
    backgroundColor : "green"

});
track.add(progress);
track.add(label1);
win.add(track);

win.addEventListener('open', function () {
    progress.animate({
        width: "100%",
        duration: 1000
    });
});

win.open();

因此，当最终的绿色进展完成时 - 我想

一个。替换＆＃34;正在处理它＆＃34;用＆＃34;完成＆＃34;
湾1000毫秒后 - 使整个进度条消失。

Answer 1

无需为完整事件添加Listener，您可以在animate方法本身中添加匿名函数

e.g

  var hello = domains[i].getElementsByTagName('a')[0].getAttribute('href');
    var url="https://www.google.com/";
    console.log( url+hello);

Answer 2

您可以使用complete

的Animation object事件监听器

// create the animation
  var animation = Ti.UI.createAnimation({
    width: "100%",
    duration: 1000
  });

  animation.addEventListener("complete", function onAnimationComplete(e){
     // YOUR CODE HERE
    animation.removeEventListener("complete", onAnimationComplete);
  });

progress.animate(animation);

更多详情Titanium.UI.Animation

如何在Appcelerator Titanium中的事件后创建事件

2 个答案: