我是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 });