window - Appcelerator Titanium，如何创建模态窗口？

Question

我刚接触钛制速效器，并有一个问题

我如何创建一个模糊其父窗口或具有半透明背景的模态窗口？我设法创建了一个模态窗口，但父窗口变黑了。

提前致谢

Answer 1

这是从iOS 3.1.3开始在Titanium中完成此操作的当前方法。

首先，创建一个新窗口。

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

然后创建一个包装 View ，一个背景 View 和一个容器 View :

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);

现在您可以打开模态，但不设置 modal : true

myModal.open({
    animate : true
});