Appcelerator钛,我该如何创建模态窗口?

前端之家收集整理的这篇文章主要介绍了Appcelerator钛,我该如何创建模态窗口?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是appcelerator钛的新手,有一个问题

我怎样才能创建一个模糊其父级的模态窗口,或者具有半透明背景?我设法创建了一个模态窗口,但是父级变黑了.

提前致谢

这是在iOS上从3.1.3开始在Titanium中实现此目的的当前方法.

首先,打开一个新窗口.

var myModal = Ti.UI.createWindow({
    title           : 'My Modal',backgroundColor : 'transparent'
});

然后创建包装器视图,背景视图和容器视图:

var wrapperView    = Ti.UI.createView(); // Full screen
var backgroundView = Ti.UI.createView({  // Also full screen
    backgroundColor : '#000',opacity         : 0.5
});
var containerView  = Ti.UI.createView({  // Set height appropriately
    height          : 300,backgroundColor : '#FFF'
});
var someLabel      = Ti.UI.createLabel({
    title : 'Here is your modal',top   : 40
});
var closeButton    = Ti.UI.createButton({
    title  : 'Close',bottom : 40
});
closeButton.addEventListener('click',function () {
    myModal.close();
});

现在构建您的UI堆栈.顺序很重要,以避免必须设置z-index.

containerView.add(someLabel);
containerView.add(closeButton);

wrapperView.add(backgroundView);
wrapperView.add(containerView);

myModal.add(wrapperView);

现在你可以打开你的模态,但是不要设置模态:true

myModal.open({
    animate : true
});

猜你在找的Windows相关文章