覆盖父视图的不透明度

时间:2016-03-17 14:27:58

标签: titanium

我有视图,上面有一个按钮, 我想要做的是使视图变为transprent而不是按钮。

首先我在两个设置

中设置不透明度

但myButton不透明度由myView不透明度设置继承。

var myView= Titanium.UI.createView({
    backgroundColor : 'black',
    //  backgroundColor : rgba(0,0,0,0.5), // try1 
    //  backgroundColor : "#000000CC",  // try2
    opacity:0.8,
    zIndex:5
});

var myButton =  Titanium.UI.createButton({
    backgroundImage  : '/img/close.png',
    opacity: 1,
});
myView.add(myButton);

然后我用Google搜索了article

尝试使用'rgba'方式,但徒劳无功。

有没有好的解决方法?

我的钛版是

Titanium命令行界面,CLI版本5.0.5,Titanium SDK版本5.1.1.GA

1 个答案:

答案 0 :(得分:1)

如果您向父母添加不透明度,他们的孩子也会有不透明度。诀窍是在具有不透明度的按钮之前添加第二个视图,如下所示:

var myView= Titanium.UI.createView({
    backgroundColor : 'transparent'
});

myView.add(Ti.UI.createView({
    width : '100%',
    height : '100%'
    backgroundColor : 'black',
    opacity:0.8,
    touchEnabled : false
});

var myButton =  Titanium.UI.createButton({
    backgroundImage  : '/img/close.png'
});

myView.add(myButton);